/*==================================================
    SOCIAL TICKER
==================================================*/

.social-ticker {
    margin: 15px 0 5px;
}

.social-ticker-container {
    max-width: 960px;
}

.social-ticker-row {
    margin-bottom: 0;
}

.social-ticker-label {
    padding-left: 0;
    padding-right: 0;
}

/*--------------------------------------------------
    Contenido
--------------------------------------------------*/

#social-ticker-content{

    display:flex;

    align-items:center;

    height:30px;

    overflow:hidden;

    opacity:1;

    transition:opacity .30s ease;

}

.social-ticker-item{

    display:flex;

    align-items:center;

    width:100%;

    height:30px;

}

.social-ticker-item:hover {

    color: #0056A3;

    text-decoration: none;
}

.social-ticker-link{

    flex:1;

    display:flex;

    align-items:center;

    overflow:hidden;

    gap:10px;

    text-decoration:none;

    color:#013773;

    transition:color .25s ease, opacity .25s ease;

    cursor:pointer;

}

.social-ticker-link:hover{

    text-decoration:none;

    color:#0056A3;

    opacity:.90;

}

.social-ticker-link:hover .social-ticker-source.facebook{

    color:#1877F2;

}

.social-ticker-link:hover .social-ticker-source.instagram{

    color:#E1306C;

}

.social-ticker-link:hover .social-ticker-post-title{

    color:#0056A3;

}

.social-ticker-nav{

    flex:none;

    width:30px;

    height:30px;

    border:none;

    background:transparent;

    color:#D10100;

    font-size:16px;

    font-weight:700;

    cursor:pointer;

    transition:
        color .25s ease,
        transform .25s ease;

    opacity:.75;
}

.social-ticker-nav:hover{

    opacity:1;
    color:#B30000;

    transform:scale(1.15);

}

/*--------------------------------------------------
    Red Social
--------------------------------------------------*/

.social-ticker-source{

    display:flex;

    align-items:center;

    flex:none;

    font-weight:700;

    font-size:12px;

    line-height:1.2;

    letter-spacing:.4px;

    white-space:nowrap;

}

.social-ticker-source svg{

    width:15px;

    height:15px;

    margin-right:6px;

    vertical-align:middle;

}

.social-ticker-source.facebook {

    color: #1877F2;

}

.social-ticker-source.instagram {

    color: #E1306C;

}

/*--------------------------------------------------
    Separadores
--------------------------------------------------*/

.social-ticker-separator{

    flex:none;

    color:#BBB;

    font-size:11px;

    font-weight:300;

}

.social-ticker-separator-2{

    font-size:10px;

    color:#bbb;

    margin:0 5px;
}

/*--------------------------------------------------
    Título
--------------------------------------------------*/

.social-ticker-title{

    background:#D10100;

    color:#FFF;

    text-align:center;

}

.social-ticker-post-title{

    flex:none;

    max-width:55%;

    overflow:hidden;

    text-overflow:ellipsis;

    white-space:nowrap;

    line-height:1.2;

    font-weight:400;

}

/*--------------------------------------------------
    Fecha
--------------------------------------------------*/

.social-ticker-date{

    flex:none;

    color:#888;

    font-size:12px;

    white-space:nowrap;

    line-height:1.2;

}

/*--------------------------------------------------
    Flecha
--------------------------------------------------*/

.social-ticker-arrow{

    margin-left:auto;

    color:#D10100;

    font-weight:700;

    transition: color .25s ease, transform .25s ease;

}

.social-ticker-item:hover .social-ticker-arrow {

    transform: translateX(4px);
    color:#B30000;
}

/*--------------------------------------------------
    Estados
--------------------------------------------------*/

.social-ticker-empty,
.social-ticker-error {

    display: flex;

    align-items: center;

    height: 30px;

    color: #888;

    font-size: 13px;
}

/*--------------------------------------------------
    Iconos
--------------------------------------------------*/

.social-icon {

    width: 14px;
    height: 14px;

    margin-right: 6px;

    flex: none;

    fill: currentColor;

    vertical-align: -2px;

}