/*
.fab,.far {
    font-family: "Font Awesome 5 Pro";
    font-weight: 400;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;

}
.fa-star:before {
    content: "\f005";
    font-family: 'Font Awesome 5 Free';
    font-weight: 400
}
*/

.feedback-stars-plugin{width:96%;background: #fff;}
.feedback-stars-container{
    background: #fff;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.6);
    border-radius:20px;
    margin:1em auto;
    padding:1em;
}
.feedback-stars-container h3,.feedback-stars-container p{margin:1em;text-align: center;}
.feedback-stars-icons {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}
.feedback-stars-icons a {
    text-decoration: none;
    font-size: 30px;
    padding: 5px;
    outline: none;
    color:#F7941D;
}
div#feedback-form {padding:0 2em ;}
form#frontend-form{padding:0.8em 0;}
form#frontend-form input, form#frontend-form textarea{padding: 1rem;margin-bottom:12px;display: block;width:100%; }
form#frontend-form label.option-lbl{text-align:left !important;  margin:0;}
form#frontend-form p{text-align:center;}
form#frontend-form input[type="submit"]{background:#F7941D; width:100%;color:#fff;font-weight:600; border:1px solid #F7941D;}
.success-message{font-size:1.1em; font-weight:600; color:green; padding:1em;text-align:center;}
.backhome-link {display:none;font-weight:600;color:#F7941D; text-decoration:none;padding-top:5px;}
.plg-owner{text-align:center;}
.plg-owner span, .plg-owner a{font-size:0.7em; font-weight:600;color:#F7941D; text-decoration:none; }
.plg-owner a:visited{color:#F7941D;}
.feedback-stars-icons:hover .fa-star.fa-star {font-weight: 900;color:#F7941D;}
.feedback-stars-icons.active .fa-star {font-weight: 900; color:#F7941D;}
.feedback-stars-icons a:hover .fa-star.fa-star {font-weight: 900; color:#F7941D;}
.feedback-stars-icons a.active .fa-star {font-weight: 900;color:#F7941D;}
.feedback-stars-icons a.active ~ a .fa-star {font-weight: 400; color:#F7941D;}
.feedback-stars-icons a:hover ~ a .fa-star.fa-star {font-weight: 400; color:#F7941D;}
.feedback-stars-icons a:visited{color:#F7941D;}
#loading-spinner {
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction:column;
}
#loading-spinner .spinner {
    display:none;
    width: 50px;
    height: 50px;
    border: 4px #ddd solid;
    border-top: 4px #F7941D solid;
    border-radius: 50%;
    animation: sp-anime 0.8s infinite linear;
}
@keyframes sp-anime {
  100% { 
    transform: rotate(360deg); 
  }
}