/* This stylesheet is used to style the public view of the widget. */

.id-ta-widget-content {
    display: inline-block;
}
.id-ta-icon {
    display: inline-block;
    position: absolute;
    bottom: 15%;
}

.id-trip-advisor-widget-class .fa-tripadvisor {
    font-size: 1.5em;
    color: #fff;
        background-color: #3c3;
    padding: 10px;
    -webkit-transition: all 250ms ease-out .1s;
    -moz-transition: all 250ms ease-out .1s;
    -o-transition: all 250ms ease-out .1s;
    transition: all 250ms ease-out .1s;
    box-shadow: 0 0 3px rgba(0,0,0,0.25);
}

.id-trip-advisor-widget-class.show .fa-tripadvisor,
.id-trip-advisor-widget-class:focus .fa-tripadvisor,
.id-trip-advisor-widget-class:hover .fa-tripadvisor {
    background-color: #285c82;
        -webkit-transition: all 250ms ease-out .1s;
    -moz-transition: all 250ms ease-out .1s;
    -o-transition: all 250ms ease-out .1s;
    transition: all 250ms ease-out .1s;
}

.id-trip-advisor-widget-class.show {
    left: 0;

}
.id-trip-advisor-widget-class {
    position: absolute;
    top: 20%;
    left: -240px;
    position: fixed;
    width: 300px;
    z-index: 99;
    -webkit-transition: all 450ms ease-out .1s;
    -moz-transition: all 450ms ease-out .1s;
    -o-transition: all 450ms ease-out .1s;
    transition: all 450ms ease-out .1s;
}