/*
 * X-Ellipsis HTML5 Web Component by Martin Ivanov (@wemakesitesnet)
 * More info regarding this exciting new technology: http://webcomponents.org/, http://www.x-tags.org/, http://www.polymer-project.org/
 * @author Martin Ivanov
 * @url developer website: http://wemakesites.net/
 * @url developer twitter: https://twitter.com/#!/wemakesitesnet
 * @url developer blog http://acidmartin.wordpress.com/
 **/

acidjs-xellipsis .acidjs-xellipsis-controls,
acidjs-xellipsis .acidjs-xellipsis-controls *
{
    display: inline;
}

acidjs-xellipsis
{
    display: block;
    margin: 1em 0;
}

acidjs-xellipsis .acidjs-xellipsis-controls span[hidden],
acidjs-xellipsis[expand="off"] .acidjs-xellipsis-controls-toggle
{
    display: none;
}

acidjs-xellipsis .acidjs-xellipsis-controls-toggle
{
    color: #0091c0;
    cursor: pointer;
}

acidjs-xellipsis .acidjs-xellipsis-controls-toggle:hover
{
    color: #e44d26;
}

acidjs-xellipsis[expand="off"]::after,
acidjs-xellipsis .acidjs-xellipsis-controls-toggle::before
{
    content: "...\00a0";
}

acidjs-xellipsis .acidjs-xellipsis-controls-hidden-content:not([hidden]) + .acidjs-xellipsis-controls-toggle::before
{
    content: "";
}