/**
 * Star Ratings and form1 style
 *
 * Pure CSS. No floats or bidi. HTML inputs makes it ideal for use in a form. Simple em-based sizing.
 *
 * http://codepen.io/cdillon/pen/vXNbBw
 *
 * Based on Pure CSS Star Rating Widget by James Barnett
 * http://codepen.io/jamesbarnett/pen/vlpkh
 */

 /*include custom font*/
@font-face {
  font-family: 'wprevpro';
  src:  url('fonts/wprevpro.eot?tbfdma');
  src:  url('fonts/wprevpro.eot?tbfdma#iefix') format('embedded-opentype'),
    url('fonts/wprevpro.ttf?tbfdma') format('truetype'),
    url('fonts/wprevpro.woff?tbfdma') format('woff'),
    url('fonts/wprevpro.svg?tbfdma#wprevpro') format('svg');
  font-weight: normal;
  font-style: normal;
}

[class^="wprsp-"], [class*=" wprsp-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'wprevpro' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* the container */
.wprevpro-rating-wrapper {
}

/* the fieldset */
.wprevpro-rating {
  display: inline-block;
  border: 0;
  margin: 0;
  padding: 5px;
}

.wprevpro-rating:focus {
  outline: 1px solid #CCC;
}

/* the stars */
.wprevpro-rating input[type=radio] {
  display: none !important;
}

.wprevpro-rating label {
  font-weight: normal;
}

.wprevpro-rating label:before {
  font-family: wprevpro!important;
  content: "\f005";
  display: inline-block;
  font-size: 1.25em;
  line-height: 1;
  /* use padding not margin */
  padding: 4px;
  transition: color 0.3s ease;
  font-weight: 400;
}

.wprevpro-rating label:hover {
  cursor: pointer;
}

/* fieldset tweaks */

/* in a form */
.wprevpro-rating-wrapper.in-form .wprevpro-rating {}

/* in a view */
.wprevpro-rating-wrapper.in-view .wprevpro-rating {
  margin: 0;
  padding: 0;
}

/* in the post editor */
.wprevpro-rating-wrapper.in-metabox .wprevpro-rating > label:before {
  font-size: 20px;
  line-height: 27px;
  padding: 0 4px;
  color: #0073aa;
}

/* the magic */

/* this is how we highlight stars before the checked one (siblings before): */

/* hide the first label which is initially checked */
/* added bonus of POSTing the default value so no need for isset(...) */
.wprevpro-rating label[for$="star0"] {
  display: none !important;
}

/* and turn all on */
.wprevpro-rating label:before {
  color: #FDBF0C;
}
.wprevpro-rating input[type=radio]:checked+label:before {
    color: #FDBF0C;
}

/* turn off stars after the one we're on */
.wprevpro-rating label:hover ~ label:before {
  content: "\f006";
}
/* maybe use different color if validation error */
.error .wprevpro-rating label:hover ~ label:before {
}

/* turn off stars after the current rating */
.wprevpro-rating input:checked ~ label:before {
  content: "\f006";
}
/* maybe use different color if validation error */
.error .wprevpro-rating input:checked ~ label:before {
}

/* turn on the current rating */
.wprevpro-rating input[type="radio"]:checked + label:before,
.error .wprevpro-rating input:checked + label:before {
  content: "\f005";
}
.wprevpro-rating-wrapper.in-metabox input[type="radio"]:checked + label:before {
  color: #FDBF0C;
}

/* when hovering the entire fieldset: */

/* (1) turn all on */
.wprevpro-rating:hover input ~ label:before,
.error .wprevpro-rating:hover input ~ label:before {
  content: "\f005";
}

/* (2) indicate current selection (optional) */
.wprevpro-rating:hover input:checked + label:before,
.error .wprevpro-rating:hover input:checked + label:before {
  color: #FFE39E;
}

/* (3) then turn off siblings after the hovered star */
.wprevpro-rating:hover label:hover ~ input:not(:checked) + label:before {
  content: "\f006";
}
/* maybe use different color if validation error */
.error .wprevpro-rating:hover label:hover ~ input:not(:checked) + label:before {
}


/* Display Custom fields
---------------------------------------------------------*/
.wprevpro_form .before {
    display: block;
}
.wprevpro_form .wprevform-field .after {
    font-style: italic;
}
.wprevpro_form .after {
    display: block;
}
.wprevpro_form {
    margin: 0 auto;
    padding: 20px;
}
h3#fpc_title {
    background: #eaeaea;
    padding: 10px;
    margin-top: 0px;
	margin-bottom: 0px;
}
.wprevpro_form .required.symbol:after {
    content: '*';
    color: #FF0000;
    margin: 0 4px;
}
.wprevpro_form label {
    font-weight: 700;
}
.wprevpro_form label {
    display: inline-block;
    float: none;
}
.wprevpro_form .wprevform-field {
    margin-bottom: 1.5em;
}
.wprevpro_form input[type="text"], .wprevpro_form input[type="email"], .wprevpro_form input[type="url"], .wprevpro_form input[type="file"], .wprevpro_form select, .wprevpro_form textarea {
    box-sizing: border-box;
    display: block;
    float: none;
    width: 100%;
    margin: 3px 0;
    padding-left: 5px;
	padding-right: 5px;
}
.wprevpro_form textarea {
    height: 11em;
}

.wpreveprohme {
    display: none;
}

/* Custom fields
---------------------------------------------------------*/