/*

  SKINS:PSEUDO

  Customize the color of an element when
  it is focused or hovered over.

*/

.hover-black:hover, .hover-black:focus { color: var(–black); } .hover-near-black:hover, .hover-near-black:focus { color: var(–near-black); } .hover-dark-gray:hover, .hover-dark-gray:focus { color: var(–dark-gray); } .hover-mid-gray:hover, .hover-mid-gray:focus { color: var(–mid-gray); } .hover-gray:hover, .hover-gray:focus { color: var(–gray); } .hover-silver:hover, .hover-silver:focus { color: var(–silver); } .hover-light-silver:hover, .hover-light-silver:focus { color: var(–light-silver); } .hover-moon-gray:hover, .hover-moon-gray:focus { color: var(–moon-gray); } .hover-light-gray:hover, .hover-light-gray:focus { color: var(–light-gray); } .hover-near-white:hover, .hover-near-white:focus { color: var(–near-white); } .hover-white:hover, .hover-white:focus { color: var(–white); }

.hover-black-90:hover, .hover-black-90:focus { color: var(–black-90); } .hover-black-80:hover, .hover-black-80:focus { color: var(–black-80); } .hover-black-70:hover, .hover-black-70:focus { color: var(–black-70); } .hover-black-60:hover, .hover-black-60:focus { color: var(–black-60); } .hover-black-50:hover, .hover-black-50:focus { color: var(–black-50); } .hover-black-40:hover, .hover-black-40:focus { color: var(–black-40); } .hover-black-30:hover, .hover-black-30:focus { color: var(–black-30); } .hover-black-20:hover, .hover-black-20:focus { color: var(–black-20); } .hover-black-10:hover, .hover-black-10:focus { color: var(–black-10); } .hover-white-90:hover, .hover-white-90:focus { color: var(–white-90); } .hover-white-80:hover, .hover-white-80:focus { color: var(–white-80); } .hover-white-70:hover, .hover-white-70:focus { color: var(–white-70); } .hover-white-60:hover, .hover-white-60:focus { color: var(–white-60); } .hover-white-50:hover, .hover-white-50:focus { color: var(–white-50); } .hover-white-40:hover, .hover-white-40:focus { color: var(–white-40); } .hover-white-30:hover, .hover-white-30:focus { color: var(–white-30); } .hover-white-20:hover, .hover-white-20:focus { color: var(–white-20); } .hover-white-10:hover, .hover-white-10:focus { color: var(–white-10); } .hover-inherit:hover, .hover-inherit:focus { color: inherit; }

.hover-bg-black:hover, .hover-bg-black:focus { background-color: var(–black); } .hover-bg-near-black:hover, .hover-bg-near-black:focus { background-color: var(–near-black); } .hover-bg-dark-gray:hover, .hover-bg-dark-gray:focus { background-color: var(–dark-gray); } .hover-bg-mid-gray:hover, .hover-bg-mid-gray:focus { background-color: var(–mid-gray); } .hover-bg-gray:hover, .hover-bg-gray:focus { background-color: var(–gray); } .hover-bg-silver:hover, .hover-bg-silver:focus { background-color: var(–silver); } .hover-bg-light-silver:hover, .hover-bg-light-silver:focus { background-color: var(–light-silver); } .hover-bg-moon-gray:hover, .hover-bg-moon-gray:focus { background-color: var(–moon-gray); } .hover-bg-light-gray:hover, .hover-bg-light-gray:focus { background-color: var(–light-gray); } .hover-bg-near-white:hover, .hover-bg-near-white:focus { background-color: var(–near-white); } .hover-bg-white:hover, .hover-bg-white:focus { background-color: var(–white); } .hover-bg-transparent:hover, .hover-bg-transparent:focus { background-color: var(–transparent); }

.hover-bg-black-90:hover, .hover-bg-black-90:focus { background-color: var(–black-90); } .hover-bg-black-80:hover, .hover-bg-black-80:focus { background-color: var(–black-80); } .hover-bg-black-70:hover, .hover-bg-black-70:focus { background-color: var(–black-70); } .hover-bg-black-60:hover, .hover-bg-black-60:focus { background-color: var(–black-60); } .hover-bg-black-50:hover, .hover-bg-black-50:focus { background-color: var(–black-50); } .hover-bg-black-40:hover, .hover-bg-black-40:focus { background-color: var(–black-40); } .hover-bg-black-30:hover, .hover-bg-black-30:focus { background-color: var(–black-30); } .hover-bg-black-20:hover, .hover-bg-black-20:focus { background-color: var(–black-20); } .hover-bg-black-10:hover, .hover-bg-black-10:focus { background-color: var(–black-10); } .hover-bg-white-90:hover, .hover-bg-white-90:focus { background-color: var(–white-90); } .hover-bg-white-80:hover, .hover-bg-white-80:focus { background-color: var(–white-80); } .hover-bg-white-70:hover, .hover-bg-white-70:focus { background-color: var(–white-70); } .hover-bg-white-60:hover, .hover-bg-white-60:focus { background-color: var(–white-60); } .hover-bg-white-50:hover, .hover-bg-white-50:focus { background-color: var(–white-50); } .hover-bg-white-40:hover, .hover-bg-white-40:focus { background-color: var(–white-40); } .hover-bg-white-30:hover, .hover-bg-white-30:focus { background-color: var(–white-30); } .hover-bg-white-20:hover, .hover-bg-white-20:focus { background-color: var(–white-20); } .hover-bg-white-10:hover, .hover-bg-white-10:focus { background-color: var(–white-10); }

.hover-dark-red:hover, .hover-dark-red:focus { color: var(–dark-red); } .hover-red:hover, .hover-red:focus { color: var(–red); } .hover-light-red:hover, .hover-light-red:focus { color: var(–light-red); } .hover-orange:hover, .hover-orange:focus { color: var(–orange); } .hover-gold:hover, .hover-gold:focus { color: var(–gold); } .hover-yellow:hover, .hover-yellow:focus { color: var(–yellow); } .hover-light-yellow:hover, .hover-light-yellow:focus { color: var(–light-yellow); } .hover-purple:hover, .hover-purple:focus { color: var(–purple); } .hover-light-purple:hover, .hover-light-purple:focus { color: var(–light-purple); } .hover-dark-pink:hover, .hover-dark-pink:focus { color: var(–dark-pink); } .hover-hot-pink:hover, .hover-hot-pink:focus { color: var(–hot-pink); } .hover-pink:hover, .hover-pink:focus { color: var(–pink); } .hover-light-pink:hover, .hover-light-pink:focus { color: var(–light-pink); } .hover-dark-green:hover, .hover-dark-green:focus { color: var(–dark-green); } .hover-green:hover, .hover-green:focus { color: var(–green); } .hover-light-green:hover, .hover-light-green:focus { color: var(–light-green); } .hover-navy:hover, .hover-navy:focus { color: var(–navy); } .hover-dark-blue:hover, .hover-dark-blue:focus { color: var(–dark-blue); } .hover-blue:hover, .hover-blue:focus { color: var(–blue); } .hover-light-blue:hover, .hover-light-blue:focus { color: var(–light-blue); } .hover-lightest-blue:hover, .hover-lightest-blue:focus { color: var(–lightest-blue); } .hover-washed-blue:hover, .hover-washed-blue:focus { color: var(–washed-blue); } .hover-washed-green:hover, .hover-washed-green:focus { color: var(–washed-green); } .hover-washed-yellow:hover, .hover-washed-yellow:focus { color: var(–washed-yellow); } .hover-washed-red:hover, .hover-washed-red:focus { color: var(–washed-red); }

.hover-bg-dark-red:hover, .hover-bg-dark-red:focus { background-color: var(–dark-red); } .hover-bg-red:hover, .hover-bg-red:focus { background-color: var(–red); } .hover-bg-light-red:hover, .hover-bg-light-red:focus { background-color: var(–light-red); } .hover-bg-orange:hover, .hover-bg-orange:focus { background-color: var(–orange); } .hover-bg-gold:hover, .hover-bg-gold:focus { background-color: var(–gold); } .hover-bg-yellow:hover, .hover-bg-yellow:focus { background-color: var(–yellow); } .hover-bg-light-yellow:hover, .hover-bg-light-yellow:focus { background-color: var(–light-yellow); } .hover-bg-purple:hover, .hover-bg-purple:focus { background-color: var(–purple); } .hover-bg-light-purple:hover, .hover-bg-light-purple:focus { background-color: var(–light-purple); } .hover-bg-dark-pink:hover, .hover-bg-dark-pink:focus { background-color: var(–dark-pink); } .hover-bg-hot-pink:hover, .hover-bg-hot-pink:focus { background-color: var(–hot-pink); } .hover-bg-pink:hover, .hover-bg-pink:focus { background-color: var(–pink); } .hover-bg-light-pink:hover, .hover-bg-light-pink:focus { background-color: var(–light-pink); } .hover-bg-dark-green:hover, .hover-bg-dark-green:focus { background-color: var(–dark-green); } .hover-bg-green:hover, .hover-bg-green:focus { background-color: var(–green); } .hover-bg-light-green:hover, .hover-bg-light-green:focus { background-color: var(–light-green); } .hover-bg-navy:hover, .hover-bg-navy:focus { background-color: var(–navy); } .hover-bg-dark-blue:hover, .hover-bg-dark-blue:focus { background-color: var(–dark-blue); } .hover-bg-blue:hover, .hover-bg-blue:focus { background-color: var(–blue); } .hover-bg-light-blue:hover, .hover-bg-light-blue:focus { background-color: var(–light-blue); } .hover-bg-lightest-blue:hover, .hover-bg-lightest-blue:focus { background-color: var(–lightest-blue); } .hover-bg-washed-blue:hover, .hover-bg-washed-blue:focus { background-color: var(–washed-blue); } .hover-bg-washed-green:hover, .hover-bg-washed-green:focus { background-color: var(–washed-green); } .hover-bg-washed-yellow:hover, .hover-bg-washed-yellow:focus { background-color: var(–washed-yellow); } .hover-bg-washed-red:hover, .hover-bg-washed-red:focus { background-color: var(–washed-red); } .hover-bg-inherit:hover, .hover-bg-inherit:focus { background-color: inherit; }