/* 奇遠科技 Oddintely｜社群分享列共用樣式
   各 board 的版型（定位、間距、寬高）仍寫在 static/css/frontStage/<board>/social.css */
a.socialItem_odd {
    display   : inline-block;
    cursor    : pointer;
    filter    : grayscale(100%);
    transition: linear 150ms;
}

a.socialItem_odd:hover {
    filter: grayscale(0);
}

a.socialItem_odd>img {
    width : 100%;
    height: 100%;
}

/* X（前身 Twitter）icon 為純黑白，grayscale 無視覺變化、hover 也無回饋；改以 opacity 做回饋 */
a.socialItem_odd[data-social="X"] {
    filter : none;
    opacity: .5;
}

a.socialItem_odd[data-social="X"]:hover {
    opacity: 1;
}