/*******************************************/
/** 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 {
  color: #101820!important;
  font-family: 'Noto Sans', sans-serif!important;
}
.p-w-r span {
  font-size: 14px!important;
}
.p-w-r p {
  font-size: 16px!important;
}
.p-w-r h1 {
  font-size: 36px!important;
}
.p-w-r h2 {
  font-size: 32px!important;
}
.p-w-r h3 {
  font-size: 28px!important;
}
.p-w-r h4 {
  font-size: 24px!important;
}
.p-w-r h5 {
  font-size: 20px!important;
}
.p-w-r h6 {
  font-size: 16px!important;
}
.p-w-r a,
.pr-rd-flag-review-btn {
  color: #D00070!important;
  font-family: 'Noto Sans', sans-serif!important;
  font-size: 16px!important;
}
.p-w-r p {
  line-height: 1.5!important;
}


/**
* FORM LABELS
* --------------------------------------------------
* .p-w-r .pr-control-label > span // Selector that targets all field labels.
*/
.p-w-r .pr-control-label > span {
  color: #101820!important;
}

/**
 * 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-accessible-btn, .p-w-r .pr-review-snapshot .pr-review-snapshot-simple .pr-review-snapshot-snippets .pr-snippet-read-and-write a{
   color: #fff!important;
   background-color: #D00070!important;
   border: 1px solid #D00070!important;
 }
 .p-w-r .pr-btn: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{
   box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.30), 0px 1px 3px 1px rgba(0, 0, 0, 0.15)!important;
 }
.p-w-r .pr-btn-add-tag-submit {
   color: #fff!important;
  background-color: #D00070!important;
  border: 1px solid #D00070!important;
}
.p-w-r .pr-btn-fileinput {
  background: #fff !important;
  color: #333 !important;
  border-color: #949494 !important;
}
.p-w-r .pr-btn-fileinput span {
   color: #fff!important;
  background-color: #D00070!important;
  border: 1px solid #D00070!important;
}
.p-w-r .pr-btn-delete {
   color: #fff!important;
  background-color: #D00070!important;
  border: 1px solid #D00070!important;
}
.p-w-r .pr-helpful-btn:hover .pr-thumbs-cuff-fill, .p-w-r .pr-helpful-btn:hover .pr-thumbs-fill {
  fill: #D00070!important;
}
.p-w-r .pr-accordion .pr-accordion-btn .pr-caret-icon__line {
  stroke: #D00070!important;
}
/* Carousel/Modal Buttons */
.p-w-r .pr-media-carousel--light .button .icon .pr-caret-icon__line {
  stroke: #D00070!important;
}
.p-w-r .pr-media-carousel--light .button .icon:focus .pr-caret-icon, .p-w-r .pr-media-carousel--light .button .icon:hover .pr-caret-icon, .p-w-r .pr-media-carousel--light .button:focus .pr-caret-icon, .p-w-r .pr-media-carousel--light .button:hover .pr-caret-icon {
  background: rgba(236, 127, 167, 0.15)!important;
}
.p-w-r .pr-media-modal .button__close:focus .pr-cross-icon__circle, .p-w-r .pr-media-modal .button__close:focus .pr-cross-icon__line, .p-w-r .pr-media-modal .button__close:hover .pr-cross-icon__circle, .p-w-r .pr-media-modal .button__close:hover .pr-cross-icon__line {
  stroke: #D00070!important;
}
/* Radio group */
.p-w-r .btn-group-radio-vertical .pr-btn {

  background: transparent !important;
  color: #000 !important;
  border-color: #949494 !important;
}
.p-w-r .btn-group-radio-vertical .pr-btn:hover {
  background-color: #D00070!important;
  color: #fff!important;
}

/**
* 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 {
  background-image: url('./Power-Review-Mary-Kay-Star-0.svg')!important;
}
.p-w-r .pr-star-v4-25-filled {
  background-image: url('./Power-Review-Mary-Kay-Star-25.svg')!important;
}
.p-w-r .pr-star-v4-50-filled {
  background-image: url('./Power-Review-Mary-Kay-Star-50.svg')!important;
}
.p-w-r .pr-star-v4-75-filled {
  background-image: url('./Power-Review-Mary-Kay-Star-75.svg')!important;
}
.p-w-r .pr-star-v4-100-filled {
  background-image: url('./Power-Review-Mary-Kay-Star-100.svg')!important;
}
.p-w-r .pr-review-snapshot .pr-ratings-histogram .pr-ratings-histogram-barValue {
  background: #D00070!important;
}
.p-w-r .pr-review-snapshot .pr-review-snapshot-simple .pr-reco span {
  color: #fff!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 {
  color: #101820!important;
}
.p-w-r .pr-textinput:focus {
  color: #101820!important;
}

/**
* 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 {
  color: #545859!important;
  outline: 1px!important;
}
.p-w-r .pr-textarea:focus {
  color: #545859!important;
  outline: 2px!important;
}

/**
* CHECKBOX/RADIO INPUT OPTION LABELS
* --------------------------------------------------
* .p-w-r .tag-label // Checkbox Radio Input Label Styles
*/
.p-w-r .pr-tag-label {
  color: #545859!important;
}

/**
* 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 {
  color: #C73D23!important;
}
.p-w-r .pr-has-error .form-control {
  color: #C73D23!important;
}
.p-w-r .pr-has-error .pr-textinput:focus,
.p-w-r .pr-has-error .pr-textarea:focus {
  color: #C73D23!important;
}

.p-w-r .pr-snippet-reco-to-friend,
.p-w-r .pr-snippet-reco-to-friend .pr-reco-to-friend-message {
  max-width: 100%;
}

.power-reviews-rating_container .p-w-r .pr-snippet-reco-to-friend .pr-reco-to-friend-message,
.power-reviews-rating_container .p-w-r .pr-snippet-stars-reco-inline .pr-snippet-reco-to-friend .pr-reco-to-friend-message {
  padding-top: 2px !important;
}

/**
* LARGER SCREEN STYLES
* --------------------------------------------------
*/
@media screen and (min-width: 984px) {
  .power-reviews-rating_container .p-w-r .pr-snippet-reco-to-friend {
    max-width: 100% !important;
  }

  .power-reviews-rating_container .p-w-r .pr-snippet-reco-to-friend .pr-snippet-reco-to-friend-green {
    min-width: 70px !important;
  }

  .power-reviews-rating_container .p-w-r .pr-snippet-reco-to-friend .pr-reco-to-friend-message {
    max-width: calc(100% - 90px) !important;
  }
}

/**
* 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 {
    color: #545859!important;
  }
  .p-w-r .checkbox label.checked,
  .p-w-r .radio label.checked {
    color: #D00070!important;
  }
  .p-w-r .checkbox label.checked span,
  .p-w-r .radio label.checked span {
    color: #990045!important;
  }
  /**
    * TAG GROUP 'ADD ITEM' BUTTON
    * --------------------------------------------------
    */
  .p-w-r .pr-btn-add-tag a {
    color: #D00070!important;
  }
}

@media screen and (max-width: 696px) { 
  .power-reviews-rating_container .p-w-r .pr-snippet-reco-to-friend {
    max-width: 100% !important;
  }

  .power-reviews-rating_container .p-w-r .pr-snippet-reco-to-friend .pr-reco-to-friend-message {
    max-width: calc(100% - 90px) !important;
  }
}