@charset "utf-8";
/*
 *  Rating
 */

@font-face {
    font-family: 'Icons';
    src: url(../fonts/icons.eot);
    src: url(../fonts/icons.eot?#iefix) format('embedded-opentype'), url(../fonts/icons.svg#icons) format('svg'), url(../fonts/icons.woff) format('woff'), url(../fonts/icons.ttf) format('truetype');
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-decoration: inherit;
    text-transform: none;
}

i.icon {
    display: inline-block;
    opacity: 0.75;
    margin: 0em 0.25em 0em 0em;
    width: 1.23em;
    height: 1em;
    font-family: 'Icons';
    font-style: normal;
    line-height: 1;
    font-weight: normal;
    text-decoration: inherit;
    text-align: center;
    speak: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    font-smoothing: antialiased;
}

i.icon.star.empty:before {
    content: "\f006";
}

i.icon.star.half.empty:before {
    content: "\f123";
}

i.icon.star.half.full:before,
i.icon.star.half:before {
    content: "\f089";
}

i.icon.star:before {
    content: "\f005";
}
/*******************************
           Rating
*******************************/

.ui.rating {
    display: inline-block;
    font-size: 0em;
    vertical-align: middle;
    margin: 5px;
}

.ui.rating:last-child {
    margin-right: 0em;
}

.ui.rating:before {
    display: block;
    content: '';
    visibility: hidden;
    clear: both;
    height: 0;
}

/* Icon */

.ui.rating .icon {
    cursor: pointer;
    margin: 0em;
    width: 1em;
    height: auto;
    padding: 0em;
    color: #AD0101;
    font-weight: normal;
    font-style: normal;
}

.ui.rating .icon:before {
    content: url("../images/star-empty.png");
    -webkit-transition: color 0.3s ease,
    opacity 0.3s ease;
    transition: color 0.3s ease,
    opacity 0.3s ease;
}

/*******************************
             Types
*******************************/

/*-------------------
        Star
--------------------*/

.ui.star.rating .icon {
    width: 1.6em;
}

/* Star */

.ui.star.rating .icon:before {
    content: url("../images/star-empty.png");
    font-family: 'Icons';
}

/* Active Star */

.ui.star.rating .active.icon:before {
    content: url("../images/star.png");
    font-family: 'Icons';
}

/*******************************
             States
*******************************/

/*-------------------
        Active
--------------------*/

/* disabled rating */

.ui.disabled.rating .icon {
    cursor: default;
}

/* active icons */

.ui.rating .active.icon {
    color: #AD0101 !important;
}

/*-------------------
        Hover
--------------------*/

/* rating */

.ui.rating.hover .active.icon {
    opacity: 0.5;
}

/* icon */

.ui.rating .icon.hover,
.ui.rating .icon.hover.active {
    opacity: 1;
    color: #AD0101 !important;
}

/*******************************
          Variations
*******************************/

.ui.huge.rating .icon {
    font-size: 2.5rem;
    vertical-align: middle;
}