/*
Theme Name: Enfold Child
Description: A <a href='http://codex.wordpress.org/Child_Themes'>Child Theme</a> for the Enfold Wordpress Theme. If you plan to do a lot of file modifications we recommend to use this Theme instead of the original Theme. Updating will be much easier then.
Version: 1.0
Author: #
Author URI: #
Template: enfold
*/



/*Add your own styles here:*/
.product-survey-form .wpcf7-form-control-wrap input[type="text"], .product-survey-form .wpcf7-form-control-wrap input[type="email"], .product-survey-form .wpcf7-form-control-wrap input[type="tel"], .product-survey-form .wpcf7-form-control-wrap select,.product-survey-form .wpcf7-form-control-wrap input[type=date]{
    margin: 0;
    background: #f7f7f7;
    border: none;
    height: 40px;
    padding: 10px 16px;
    width: 100%;
    color: #000;
    border: 1px solid #e3e3e3;
}
/***********custom css start****************/
/*  Star Rating*/

.star-rating__stars {
    position: relative;
    height: 3rem;
    width: 15rem;
    background: url('images/off.svg');
    background-size: 3rem 3rem;
  }
  
  .star-rating__label {
    position: absolute;
    height: 100%;
    background-size: 3rem 3rem;
  }
  
  .star-rating__input {
    margin: 0;
    position: absolute;
    height: 1px;
    width: 1px;
    overflow: hidden;
    clip: rect(1px, 1px, 1px, 1px);
  }
  
  .star-rating__stars .star-rating__label:nth-of-type(1) {
    z-index: 5;
    width: 20%;
  }
  
  .star-rating__stars .star-rating__label:nth-of-type(2) {
    z-index: 4;
    width: 40%;
  }
  
  .star-rating__stars .star-rating__label:nth-of-type(3) {
    z-index: 3;
    width: 60%;
  }
  
  .star-rating__stars .star-rating__label:nth-of-type(4) {
    z-index: 2;
    width: 80%;
  }
  
  .star-rating__stars .star-rating__label:nth-of-type(5) {
    z-index: 1;
    width: 100%;
  }
  
  .star-rating__input:checked + .star-rating__label,
  .star-rating__input:focus + .star-rating__label,
  .star-rating__label:hover {
    background-image: url('images/on.svg');
  }
  
  .star-rating__label:hover ~ .star-rating__label {
    background-image: url('images/off.svg');
  }
  
  .star-rating__input:focus ~ .star-rating__focus {
    position: absolute;
    top: -0.25em;
    right: -0.25em;
    bottom: -0.25em;
    left: -0.25em;
    outline: 0.25rem solid lightblue;
  }
  .wpcf7-form label {
    float: none;
    margin-top: 0;
  }
  .wpcf7-submit{
    margin: 0 auto;
    width: 100px !important;}
  
  #recommend-image {
  cursor: pointer;
    display: block !important;
    width: 550px !important;
    min-height: 0px;
    max-height: none;
    height: 331px;
    margin: 0 auto;
  }
  .ui-dialog .ui-dialog-buttonpane button {
      margin: .5em .4em .5em 3em !important;
  }
  .recommend-email-button {
  top: 270px !important;
    left: 187px !important;
    width: 230px !important;
    font-size: 1.5em !important;
    font-weight: bold !important;
    position: absolute !important;
  }
  .ui-button:hover .ui-icon, .ui-button:focus .ui-icon {
    background-image: url(images/ui-icons_555555_256x240.png);
  }
  .ui-dialog .ui-dialog-titlebar-close {
    background-position: -80px -128px;
    background-image: url(images/ui-icons_555555_256x240.png);
  }
  @media only screen and (max-width: 767px) {
    .recommend-email-button {
        left: 131px !important;
        width: 308px !important;
    }
  }