/*** Custom Hotjar widget styling ***/

/* Main container wrapper */
._hj-1rd6z__styles__embeddedContainer {
  display: block !important;
  width: 220px !important;
}

/* Inner container - content holder */
._hj_feedback_container ._hj-ivniz__ExpandedWidget__inline ._hj--NfhW__ExpandedWidget__innerContainer {
  margin: 0px !important;
  color: #FFFFFF !important;
  padding: 12px 0 !important;
  background: hsl(210, 100%, 33%, 1) !important;
}

/* Step 1 - Title */
#_hj_feedback_container ._hj-sMYdO__EmotionStep__EmotionStep._hj-atUfw__EmotionStep__isEmbedded ._hj-Z5Onj__Title__Title._hj-8VPIr__Title__isEmbedded {
  padding: 20px 8px !important;
}

/* Step 1 - Star ratings */
._hj_feedback_container ._hj-UxzaS__CommentStep__emotionOptions,
._hj_feedback_container ._hj-4Eap5__EmotionStep__EmotionOptions {
  padding: 0 8px !important;
}

/* Step 2 - Comment text area */
._hj_feedback_container ._hj-aMKgg__EmotionComment__textArea._hj-l2lLN__EmotionComment__isEmbedded {
  margin: 6px 8px !important;
  min-height: 70px !important;
  width: calc(100% - 15px) !important;
}

/* Step 2 - Send button warpper */
._hj_feedback_container ._hj-wASqs__CommentStep__footer._hj-AxVYv__CommentStep__isEmbedded {
  padding: 0px 8px !important;
}

/* Step 2 - blank area */
._hj_feedback_container ._hj-9Mvlt__EmotionStep__EmotionFooter._hj-atUfw__EmotionStep__isEmbedded {
  display: none !important;
}

/* Step 2 - Send button */
._hj-s3UIi__styles__globalStyles ._hj-SU8LU__styles__primaryButton,
._hj-s3UIi__styles__globalStyles ._hj-SU8LU__styles__primaryButton[disabled] {
  background: #E3E3E3 !important;
  color: rgba(0, 0, 0, 0.43) !important;
}

/* Step 2 - Send button */
._hj-s3UIi__styles__globalStyles ._hj-SU8LU__styles__primaryButton:hover:enabled {
  background: #F1F2F6 !important;
}

/* Email text on step 3 */
#_hj_feedback_container ._hj-BuDcm__EmailStep__fieldset._hj-AZo5T__EmailStep__embedEmailStep ._hj-Z5Onj__Title__Title._hj-8VPIr__Title__isEmbedded {
  padding: 8px 0px !important;
}

/* Email input on step 3 */
._hj-AZo5T__EmailStep__embedEmailStep ._hj-msvyV__EmailStep__input {
  width: calc(100% - 15px) !important;
  margin: 8px 8px !important;
}

/* Button positions on step 3 */
#_hj_feedback_container ._hj-CSpXq__EmailStep__buttons._hj-\+Xh-y__EmailStep__isEmbedded {
  padding: 0px 7px !important;
}

/* Skip button on step 3 */
._hj-CSpXq__EmailStep__buttons ._hj-rWd-f__EmailStep__clearButton {
  color: #FFFFFF !important;
}

/* Step 4 thanks note */
#_hj_feedback_container ._hj-L3R0-__FinalStep__finalStep._hj-WJRTV__FinalStep__isEmbedded ._hj-Z5Onj__Title__Title._hj-8VPIr__Title__isEmbedded {
  padding: 20px 8px !important;
}

/* Step 4 company name and Privacy Policy */
#_hj_feedback_container ._hj-4rJYs__LegalInfo__legalInfo ._hj-PkYVh__LegalInfo__footerTextColor,
#_hj_feedback_container ._hj-4rJYs__LegalInfo__legalInfo ._hj-PkYVh__LegalInfo__footerTextColor:link,
#_hj_feedback_container ._hj-4rJYs__LegalInfo__legalInfo ._hj-PkYVh__LegalInfo__footerTextColor:hover {
  color: #FFFFFF !important;
}