/**
 * PowerReviews, Copyright 2017
 * HEAD | da98586
 */
/*******************************************/
/** POWER REVIEWS STYLE OVERRIDE TEMPLATE **/
/*******************************************/

/**
 * The following high-level CSS selectors can be utilized
 * to create a custom style theme for all PowerReviews
 * content.
 *
 * NOTE: If you wish to hide PowerReviews content,
 * please contact your PowerReviews Client Success
 * Representative.
 */


/**
* TYPOGRAPHY
* --------------------------------------------------
* Global Color & Typography Definitions
*/
.p-w-r,
.p-w-r span,
.p-w-r p,
.p-w-r h1,
.p-w-r h2,
.p-w-r h3,
.p-w-r h4,
.p-w-r h5,
.p-w-r h6 {
}
.p-w-r .pr-snippet-stars-reco-inline .pr-snippet-read-and-write .pr-snippet-write-review-link:before {
    content: '' !important;
    left: -4px !important;
    position: relative !important;
    text-decoration: none !important;
    border-right: 1px solid;
    height: 14px;
    -ms-transform: skewX(-6deg);
    -webkit-transformtransform: skewX(-6deg);
    transform: skewX(-6deg);
    display: inline-block;
    top: 2px;
}
.p-w-r .pr-snippet-stars-reco-inline .pr-snippet-read-and-write .pr-snippet-write-review-link {
    left: 10px !important;
    position: relative !important;
}
.p-w-r .pr-snippet-stars-reco-inline .pr-snippet-read-and-write span {
    padding: 0 !important;
}
.p-w-r a {
    text-decoration: underline !important;
    text-transform: capitalize !important;
    cursor: pointer;
    padding: 0 !important;
    color: #909090 !important;
    font-style: italic !important;
    margin: 0 !important;
}

.ml-product-detail-info .p-w-r .pr-snippet-stars-reco-inline .pr-snippet-read-and-write .pr-snippet-review-count {
    border-right: 2px solid #909090 !important;
    padding-right: 4px !important;
    margin-right: 4px !important;
}
/**
* FORM LABELS
* --------------------------------------------------
* .p-w-r .pr-control-label > span // Selector that targets all field labels.
*/
.p-w-r .pr-control-label > span {
}

/**
 * BUTTON GROUPS
 * --------------------------------------------------
 * .p-w-r .pr-btn // Selector that targets all buttons.
 * .p-w-r .btn-toggle .pr-btn-default // Selector that targets all unselected toggle buttons.
 * .p-w-r .btn-toggle .pr-btn-default.active // Selector that targets the selected toggle button.
 * .p-w-r .pr-btn-add-tag-submit // Selector that targets the "Add" button that appears aside the custom tag text input field.
 * .p-w-r .pr-btn-fileinput // Selector that targets the file input button.
 * .p-w-r .pr-btn-fileinput span // Selector that targets the file input button text.
 * .p-w-r .pr-btn-delete // Selector that targets the image preview delete button.
 */
.p-w-r .pr-btn {
}
.p-w-r .pr-btn-add-tag-submit {
}
.p-w-r .pr-btn-fileinput {
}
.p-w-r .pr-btn-fileinput span {
}
.p-w-r .pr-btn-delete {
}

/**
* STARS
* Rating Stars can be customized by overriding the
* background-image property of the 5 Star-related
* CSS classes
* --------------------------------------------------
* .pr-star-v4-0-filled    // Custom star image - filled 0%
* .pr-star-v4-25-filled   // Custom star image - filled 25%
* .pr-star-v4-50-filled   // Custom star image - filled 50%
* .pr-star-v4-75-filled   // Custom star image - filled 75%
* .pr-star-v4-100-filled  // Custom star image - filled 100%
*/
.p-w-r .pr-star-v4-0-filled {
    text-shadow: 1px 1px #909090!important;
    display: inline-block!important;
    font-family: FontAwesome!important;
    font-style: normal!important;
    font-weight: normal!important;
    line-height: 1!important;
    -webkit-font-smoothing: antialiased!important;
    background-image: none !important;
}
.p-w-r .pr-star-v4-0-filled:before {
    color: #1d1d1d !important;
    text-shadow: 1px 1px #909090 !important;
    content: "\f006" !important;
}
.p-w-r .pr-star-v4-25-filled {
    /*background-image: url('./demo-star-25-filled.jpg');*/
}

.p-w-r .pr-star-v4-25-filled,
.p-w-r .pr-star-v4-75-filled,
.p-w-r .pr-star-v4-50-filled {
    color: #ffcf00!important;
    text-shadow: 1px 1px #909090!important;
    display: inline-block!important;
    font-family: FontAwesome!important;
    font-style: normal!important;
    font-weight: normal!important;
    line-height: 1!important;
    -webkit-font-smoothing: antialiased!important;
    background-image: none !important;
}

.p-w-r .pr-star-v4-25-filled:before,
.p-w-r .pr-star-v4-75-filled:before,
.p-w-r .pr-star-v4-50-filled:before,
.ml-icon-star-half:before {
    color: #ffcf00 !important;
    text-shadow: 1px 1px #909090 !important;
    content: "\f123"!important;
}

.p-w-r .pr-star-v4-75-filled {
    /*background-image: url('./demo-star-75-filled.jpg');*/
}
.p-w-r .pr-star-v4-100-filled {
    text-shadow: 1px 1px #909090!important;
    display: inline-block!important;
    font-family: FontAwesome!important;
    font-style: normal!important;
    font-weight: normal!important;
    line-height: 1!important;
    -webkit-font-smoothing: antialiased!important;
    background-image: none !important;
}

.p-w-r .pr-star-v4-100-filled:before,
.ml-icon-star:before {
    color: #ffcf00!important;
    text-shadow: 1px 1px #909090 !important;
    content: "\f005"!important;
}

.p-w-r .pr-review-snapshot .pr-ratings-histogram .pr-ratings-histogram-barValue {
    background: #ffcf00 !important;
}
/**
* TEXT INPUTS
* --------------------------------------------------
* .p-w-r .pr-textinput  // Text Input Styles
* .p-w-r .pr-textinput:focus // Focused Text Input Styles
*/
.p-w-r .pr-textinput {
}
.p-w-r .pr-textinput:focus {
}

/**
* TEXT AREAS
* --------------------------------------------------
* .p-w-r input[type="text"] // Text Area Styles
* .p-w-r input[type="text"]:focus // Focused Text Area Styles
*/
.p-w-r .pr-textarea {
}
.p-w-r .pr-textarea:focus {
}

/**
* CHECKBOX/RADIO INPUT OPTION LABELS
* --------------------------------------------------
* .p-w-r .tag-label // Checkbox Radio Input Label Styles
*/
.p-w-r .pr-tag-label {
}

.p-w-r .pr-qa-display .pr-btn-ask-question .pr-cross-icon {
    left: -43px !important;
}

.p-w-r .pr-qa-display .pr-btn-ask-question,
.p-w-r .pr-qa-display .pr-qa-display-ask-question .pr-answer-form-open {
    margin: 0 0 20px 30px
}

.p-w-r .pr-qa-display .pr-btn-ask-question .pr-cross-icon {
    margin-left: 10px;
}
/**
* ERROR STATES
* --------------------------------------------------
* .p-w-r .pr-has-error .control-label span // Form Field Label Error State Styles
* .p-w-r .pr-has-error .form-control // Text Input & Text Area Error State Styles
* .p-w-r .pr-has-error input[type="text"]:focus // Focused Text Input & Text Area Error State Styles
*/
.p-w-r .pr-has-error .pr-control-label span {
}
.p-w-r .pr-has-error .form-control {
}
.p-w-r .pr-has-error .pr-textinput:focus,
.p-w-r .pr-has-error .pr-textarea:focus {
}

/**
* MOBILE STYLES
* --------------------------------------------------
*/
@media screen and (max-width: 767px) {
    /**
    * CHECKBOX/RADIO INPUT OPTION LABELS
    * --------------------------------------------------
    * .p-w-r .checkbox label, .p-w-r .radio label // Unselected Styles
    * .p-w-r .checkbox label.checked, .p-w-r .radio label.checked // Selected Styles
    */
    .p-w-r .checkbox label,
    .p-w-r .radio label {
    }
    .p-w-r .checkbox label.checked,
    .p-w-r .radio label.checked {
    }
    .p-w-r .checkbox label.checked span,
    .p-w-r .radio label.checked span {
    }
    /**
    * TAG GROUP 'ADD ITEM' BUTTON
    * --------------------------------------------------
    */
    .p-w-r .pr-btn-add-tag a {
    }
    /**
    * ALIGN STARTS AND "WRITE A REVIEW" CENTER ON MOBILE
    * --------------------------------------------------
    */
    .p-w-r .pr-snippet-stars-reco-inline .pr-snippet-stars-reco-stars .pr-snippet { /* make this change in PR file */
        text-align: center;
    }
}




/* Mizuno Power Review Style Overrides */
.ml-product-detail-wrapper {
    background: none !important;
}

/* Power Reviews Styles */


/* PDP */
div#pr-review-snippet {
    padding: 10px 0;
}

.p-w-r {
    margin: 0 !important;
}

.p-w-r .pr-snippet-stars-container {
    margin-right: 0.5rem;
}

.p-w-r .pr-snippet-stars-reco-inline.pr-snippet-compact .pr-snippet-stars-container {
    padding-right: 5px;
    margin-bottom: 4px;
    margin-top: 5px;
}
.p-w-r .pr-snippet .pr-snippet-stars-png .pr-snippet-rating-decimal {
    display: none;
}

.p-w-r .pr-snippet-stars-reco-inline .pr-snippet-read-and-write {
	padding-top: 0;
	}

.p-w-r .pr-snippet-stars-reco-inline .pr-snippet-read-and-write a,
.p-w-r .pr-snippet-stars-reco-inline .pr-snippet-read-and-write .pr-snippet-review-count {
    text-decoration: underline;
    text-transform: capitalize;
    cursor: pointer;
    color: #909090;
    font-style: italic;
    margin: 0 !important;
}

.p-w-r .pr-star-v4,
.p-w-r .pr-star-v4-0-filled {
    line-height: 20px;
    height: 16px !important;
    width: 16px !important;
}

/* Remove % recommendation */

.pr-snippet-stars-reco-reco {
    display: none;
}

/* Reviews Area */

/*Snap Shot*/
.p-w-r .pr-review-snapshot .pr-review-snapshot-content-block {
    background: #fff;
}

.p-w-r .pr-review-display .pr-rd-main-header {
    background: #f0f0f0 !important; /*@mizuno-verylight gray*/
}

.accordionTargetReviews .p-w-r .pr-snippet-stars-reco-inline .pr-snippet-read-and-write .pr-snippet-review-count {
    margin: 0 5px !important;
}

header.pr-rd-header.pr-rd-content-block,
header.pr-qa-display-headline {
    background: #fff !important;
}

.p-w-r .pr-review-display .pr-rd-review-headline,
.p-w-r .pr-review-display .pr-rd-footer .pr-rd-bold {
    color: #000 !important; /*@mizuno-black*/
}

.p-w-r .pr-review-display span,
.p-w-r .pr-review-display time,
.p-w-r .pr-review-display p {
    color: #707070 !important; /*@mizuno-feature gray*/
}

.p-w-r .pr-review-display .pr-rd-sort {
    height: 28px;
    border-color: #acacac; /*@mizuno- medlightgray*/
    border-radius: 0;
    background-color: #f2f2f2;
}

.p-w-r .pr-review-display .pr-snippet-rating-decimal {
    display: none !important;
}
.p-w-r .pr-accessible-btn:active {
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    color: #2e3192;
    text-transform: uppercase;
    outline: 0 solid #2e3192;
    outline-offset: -3px;
}

.p-w-r .pr-helpful-btn:hover span,
.p-w-r .pr-helpful-active,
.p-w-r .pr-review-display a {
    color: #3695c9 !important;
}

.p-w-r .pr-helpful-active {
    background-color: #3695c9 !important;
}

/* Q&A */

.p-w-r .pr-accessible-btn {
    font-family: 'Roboto', sans-serif !important;
    font-weight: 400 !important;
    background-color: #2e3192  !important;
    padding: 0 15px !important;
    height: 36px !important;
    line-height: 36px !important;
    font-size: 12px !important;
    text-transform: uppercase !important;
    border: 0 !important;
    color: #fff !important;
    outline: 0 solid #2e3192 !important;
    outline-offset: -3px !important;
    text-align: right !important;
    margin-top: 15px !important;
    margin-bottom: 15px !important;
    width: auto !important;
}

.ml-product-sub-headers {
    text-align: left;
    border-bottom: 1px solid #000;
}

.ml-product-sub-headers .ml-product-border-left,
.ml-product-sub-headers .ml-product-border-right {
    display: none !important;
}

.ml-product-sub-headers h2{
    padding: 0 0 15px 0;
}

.p-w-r .pr-qa-display .pr-btn-answer span,
.p-w-r .pr-qa-display .pr-btn-ask-question span {
    color: #767676 !important;
}

.p-w-r .pr-qa-display .pr-btn-answer .__line,
.p-w-r .pr-qa-display .pr-btn-answer .__circle,
.p-w-r .pr-qa-display .pr-btn-ask-question .__line,
.p-w-r .pr-qa-display .pr-btn-ask-question .__circle {
    color: #001489; /* @mizuno-cobalt */
}

.p-w-r .pr-qa-display.pr-qa-display-desktop .pr-qa-display-headline {
    margin: 20px 0;
}

.p-w-r .pr-btn.active {
    background-color: #3695c9 !important;
}

.p-w-r .tag-group .pr-label-control.checked {
    background-color:  #3695c9 !important;
}

.p-w-r .pr-review-snapshot .pr-ratings-histogram .pr-histogram-label {
    color: #3695c9;
}

.p-w-r .pr-review-display .pr-rd-pagination {
    border: none;
}

.pr-rd-details.pr-rd-author-submission-date,
.pr-rd-details.pr-rd-author-nickname,
.pr-rd-details.pr-rd-author-location {
    font-size:11px !important;
}

/* RM-26784 */
.ml-layout-section-product #pr-wyb .p-w-r .pr-wyb-headline {
    font-size: 23px;
    font-weight: bold;
}
.ml-layout-section-product #pr-wyb .p-w-r .pr-wyb-answer {
    font-size: 16px;
    font-style: normal;
    line-height: 23px;
}
.ml-layout-section-product #pr-wyb .p-w-r .pr-wyb-answer-container {
    border-color: #001489;
}
.ml-layout-section-product #pr-wyb .p-w-r .pr-carousel-control .pr-carousel-prev-icon, .ml-layout-section-product #pr-wyb .p-w-r .pr-carousel-control .pr-carousel-next-icon {
    color: #001489 !important;
}
.ml-layout-section-product #pr-wyb .p-w-r .pr-wyb-display .pr-carousel-control:hover {
    background-color: rgba(0,20,137,0.2);
}
.ml-icon-star-empty::before {
    content: "\f006";
    color: #1d1d1d !important;
}


/*
 * Custom Style
 */
.pr-rating-stars {
    display: flex;
    justify-content: center;
}

.pr-plp-rating .p-w-r .pr-star-v4 {
    margin-right: 2px;
}

.p-w-r .pr-accessible-btn, 
.p-w-r .pr-review-snapshot .pr-review-snapshot-simple .pr-review-snapshot-snippets .pr-snippet-read-and-write a, 
.p-w-r .pr-review-snapshot .pr-review-snapshot-simple .pr-review-snapshot-snippets .pr-snippet-read-and-write a, 
.p-w-r .pr-accessible-btn:hover, 
.p-w-r .pr-review-snapshot .pr-review-snapshot-simple .pr-review-snapshot-snippets .pr-snippet-read-and-write a:hover, 
.p-w-r .pr-accessible-btn:hover, 
.p-w-r .pr-review-snapshot .pr-review-snapshot-simple .pr-review-snapshot-snippets .pr-snippet-read-and-write a:hover {
    border: none!important;
    background-color: transparent !important;
}

.p-w-r button.pr-btn.pr-btn-default.pr-btn-review.pr-accessible-btn {
    background-color: #2e3192 !important;
}