a.button,
a.button-inverted
{
    font-size   : 15px; 
}

a.button
{
    background-color    : #d0021b;
    color               : white;
    padding             : 10px 20px 10px 20px;   
    text-decoration     : none;
    transition          : all ease-in-out 150ms;
    outline             : none;
}
   
a.button:hover,
a.button:visited:hover
{
    background-color    : #5c5c5c;  
    color               : white;
    text-decoration     : none;   
    outline             : none;
}       

a.button:visited
{
    color               : white;
    text-decoration     : none; 
    outline             : none;
}

a.greyLink
{
    font-family     : 'Segoe UI Semibold';
    font-weight     : bold;
    font-size       : 15px;
    text-decoration : none;
    color           : rgb(159, 159, 159);
}   

a.greyLink:hover,  
a.greyLink:visited:hover
{
    color : rgb(0, 0, 0);
}      
 
a.greyLink:visited
{
    text-decoration     : none; 
    outline             : none;
}


div.youtube-white,
div.youtube-red
{
    display         :   inline-block;
    width           :   26px;           
    height          :   18px;          
    margin-top      :   3px;
    padding         :   0;
    vertical-align  :   top;
    background-size :   contain;   
    background-repeat :   no-repeat;
    -moz-transition: all ease-in-out 150ms;
    -o-transition: all ease-in-out 150ms;
    -webkit-transition: all ease-in-out 150ms;
    transition: all ease-in-out 150ms;
}       

div.youtube-white
{
    background-image:   url('imgs/yt_icon_mono_dark.png');
}                                                   

div.youtube-white:hover
{
    background-image:   url('imgs/yt_icon_rgb.png');    
}
             
div.youtube-red
{
    background-image:   url('imgs/yt_icon_rgb.png');
}