/* ------ MAIN STYLES ------ */

body {
    direction: ltr;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
    width: 100%;
    min-height: 100%;
    position: absolute;
}

h1, h2, h3, h4, h5, h6, p, small {
    font-family: 'Source Sans Pro', sans-serif;
}

.clearfix {
    clear: both;
}

.pull-end {
    float: right;
}

.pull-start {
    float: left;
}

.container {
    margin-bottom: 100px;
}

.footer {
    position: absolute !important;
    clear: both;
    width: 100%;
    bottom: 0;
    right: 0;
    padding: 10px 0;
    margin: 50px 0 0 0 !important;
    border-radius: 0 !important;
}

.img-placeholder {
    overflow: hidden;
    padding: 0px;
    margin: 0px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

/****** Style Star Rating Widget *****/
.rating {
    border: none;
    direction: ltr;
}

.rating > input {
    display: none;
}

.rating > label:before {
    margin: 0 2px;
    font-size: 1.25em;
    font-family: FontAwesome;
    display: inline-block;
    content: "\f005";
}

.rating > .half:before {
    content: "\f089";
    position: absolute;
}

.rating > label {
    color: #ddd;
    float: right;
}

/***** CSS Magic to Highlight Stars on Hover *****/

.rating > input:checked ~ label, /* show gold star when clicked */
.rating:not(:checked) > label:hover, /* hover current star */
.rating:not(:checked) > label:hover ~ label {
    color: #FFD700;
    cursor: pointer;
}

/* hover previous stars in list */
.rating > input:checked + label:hover, /* hover current star when changing rating */
.rating > input:checked ~ label:hover,
.rating > label:hover ~ input:checked ~ label, /* lighten current selection */
.rating > input:checked ~ label:hover ~ label {
    color: #FFED85;
}

/****** Style Like Widget *****/

.like {
    border: none;
}

.like > input {
    display: none;
}

.like > label:before {
    font-size: 1.25em;
    font-family: FontAwesome;
    display: inline-block;
    content: "\f08a";
    color: red;
}

.like > label {
    color: #ddd;
    float: right;
}

/***** CSS Magic to Highlight Stars on Hover *****/

.like > input:checked ~ label:before, /* show gold star when clicked */
.like:not(:checked) > label:hover, /* hover current star */
.like:not(:checked) > label:hover ~ label:before {
    content: "\f004";
    cursor: pointer;
}

/* hover previous stars in list */
.like > input:checked + label:hover, /* hover current star when changing rating */
.like > input:checked ~ label:hover,
.like > label:hover ~ input:checked ~ label:before, /* lighten current selection */
.like > input:checked ~ label:hover ~ label:before {
    content: "\f004";
}