/* 
File: UoP Brand CSS
Author: James Lenthall
Desciption: Set of classes to apply UoP brand colours to HTML elements
Version: 1.0.0
*/
/* --- TEXT COLOUR --- */
.uop-text-primary,
.uop-text-primary-hover:hover {
  color: #621360;
}
.uop-text-primary-light,
.uop-text-primary-light-hover:hover {
  color: #8d1b8a;
}
.uop-text-primary-dark,
.uop-text-primary-dark-hover:hover {
  color: #370b36;
}
.uop-text-secondary,
.uop-text-secondary-hover:hover {
  color: #00A0FF;
}
.uop-text-secondary-light,
.uop-text-secondary-light-hover:hover {
  color: #99d9ff;
}
.uop-text-secondary-dark,
.uop-text-secondary-dark-hover:hover {
  color: #0080cc;
}
.uop-text-success,
.uop-text-success-hover:hover {
  color: #33cc33;
}
.uop-text-success-light,
.uop-text-success-light-hover:hover {
  color: #adebad;
}
.uop-text-success-dark,
.uop-text-success-dark-hover:hover {
  color: #29a329;
}
.uop-text-info,
.uop-text-info-hover:hover {
  color: #00A0FF;
}
.uop-text-info-light,
.uop-text-info-light-hover:hover {
  color: #99d9ff;
}
.uop-text-info-dark,
.uop-text-info-dark-hover:hover {
  color: #0080cc;
}
.uop-text-warning,
.uop-text-warning-hover:hover {
  color: #F0DD00;
}
.uop-text-warning-light,
.uop-text-warning-light-hover:hover {
  color: #fff68a;
}
.uop-text-warning-dark,
.uop-text-warning-dark-hover:hover {
  color: #bdae00;
}
.uop-text-danger,
.uop-text-danger-hover:hover {
  color: #CC3333;
}
.uop-text-danger-light,
.uop-text-danger-light-hover:hover {
  color: #ebadad;
}
.uop-text-danger-dark,
.uop-text-danger-dark-hover:hover {
  color: #a32929;
}
.uop-text-purple,
.uop-text-purple-hover:hover {
  color: #621360;
}
.uop-text-purple-dark,
.uop-text-purple-dark-hover:hover {
  color: #3C023C;
}
.uop-text-blue,
.uop-text-blue-hover:hover {
  color: #00A0FF;
}
.uop-text-cyan,
.uop-text-cyan-hover:hover {
  color: #00A0FF;
}
.uop-text-grey-light,
.uop-text-grey-light-hover:hover {
  color: #D1D1D1;
}
.uop-text-grey,
.uop-text-grey-hover:hover {
  color: #ABAAAA;
}
.uop-text-grey-dark,
.uop-text-grey-dark-hover:hover {
  color: #505457;
}
.uop-text-red,
.uop-text-red-hover:hover {
  color: #C4014B;
}
.uop-text-orange,
.uop-text-orange-hover:hover {
  color: #E17300;
}
.uop-text-green,
.uop-text-green-hover:hover {
  color: #76BE2A;
}
.uop-text-teal,
.uop-text-teal-hover:hover {
  color: #009A96;
}
.uop-text-magenta,
.uop-text-magenta-hover:hover {
  color: #E5007E;
}
.uop-text-pink,
.uop-text-pink-hover:hover {
  color: #E5007E;
}
.uop-text-tec,
.uop-text-tec-hover:hover {
  color: #C4014B;
}
.uop-text-hss,
.uop-text-hss-hover:hover {
  color: #E17300;
}
.uop-text-sah,
.uop-text-sah-hover:hover {
  color: #76BE2A;
}
.uop-text-bal,
.uop-text-bal-hover:hover {
  color: #009A96;
}
.uop-text-cci,
.uop-text-cci-hover:hover {
  color: #E5007E;
}
/* --- BACKGROUND COLOUR --- */
.uop-background-primary,
.uop-background-primary-hover:hover {
  background-color: #621360;
}
.uop-background-primary-light,
.uop-background-primary-light-hover:hover {
  background-color: #8d1b8a;
}
.uop-background-primary-dark,
.uop-background-primary-dark-hover:hover {
  background-color: #370b36;
}
.uop-background-secondary,
.uop-background-secondary-hover:hover {
  background-color: #00A0FF;
}
.uop-background-secondary-light,
.uop-background-secondary-light-hover:hover {
  background-color: #99d9ff;
}
.uop-background-secondary-dark,
.uop-background-secondary-dark-hover:hover {
  background-color: #0080cc;
}
.uop-background-success,
.uop-background-success-hover:hover {
  background-color: #33cc33;
}
.uop-background-success-light,
.uop-background-success-light-hover:hover {
  background-color: #adebad;
}
.uop-background-success-dark,
.uop-background-success-dark-hover:hover {
  background-color: #29a329;
}
.uop-background-info,
.uop-background-info-hover:hover {
  background-color: #00A0FF;
}
.uop-background-info-light,
.uop-background-info-light-hover:hover {
  background-color: #99d9ff;
}
.uop-background-info-dark,
.uop-background-info-dark-hover:hover {
  background-color: #0080cc;
}
.uop-background-warning,
.uop-background-warning-hover:hover {
  background-color: #F0DD00;
}
.uop-background-warning-light,
.uop-background-warning-light-hover:hover {
  background-color: #fff68a;
}
.uop-background-warning-dark,
.uop-background-warning-dark-hover:hover {
  background-color: #bdae00;
}
.uop-background-danger,
.uop-background-danger-hover:hover {
  background-color: #CC3333;
}
.uop-background-danger-light,
.uop-background-danger-light-hover:hover {
  background-color: #ebadad;
}
.uop-background-danger-dark,
.uop-background-danger-dark-hover:hover {
  background-color: #a32929;
}
.uop-background-purple,
.uop-background-purple-hover:hover {
  background-color: #621360;
}
.uop-background-purple-dark,
.uop-background-purple-dark-hover:hover {
  background-color: #3C023C;
}
.uop-background-blue,
.uop-background-blue-hover:hover {
  background-color: #00A0FF;
}
.uop-background-cyan,
.uop-background-cyan-hover:hover {
  background-color: #00A0FF;
}
.uop-background-grey-light,
.uop-background-grey-light-hover:hover {
  background-color: #D1D1D1;
}
.uop-background-grey,
.uop-background-grey-hover:hover {
  background-color: #ABAAAA;
}
.uop-background-grey-dark,
.uop-background-grey-dark-hover:hover {
  background-color: #505457;
}
.uop-background-red,
.uop-background-red-hover:hover {
  background-color: #C4014B;
}
.uop-background-orange,
.uop-background-orange-hover:hover {
  background-color: #E17300;
}
.uop-background-green,
.uop-background-green-hover:hover {
  background-color: #76BE2A;
}
.uop-background-teal,
.uop-background-teal-hover:hover {
  background-color: #009A96;
}
.uop-background-magenta,
.uop-background-magenta-hover:hover {
  background-color: #E5007E;
}
.uop-background-pink,
.uop-background-pink-hover:hover {
  background-color: #E5007E;
}
.uop-background-tec,
.uop-background-tec-hover:hover {
  background-color: #C4014B;
}
.uop-background-hss,
.uop-background-hss-hover:hover {
  background-color: #E17300;
}
.uop-background-sah,
.uop-background-sah-hover:hover {
  background-color: #76BE2A;
}
.uop-background-bal,
.uop-background-bal-hover:hover {
  background-color: #009A96;
}
.uop-background-cci,
.uop-background-cci-hover:hover {
  background-color: #E5007E;
}
/* --- BORDER COLOUR --- */
.uop-border-primary,
.uop-border-primary-hover:hover {
  border-color: #621360;
}
.uop-border-primary-light,
.uop-border-primary-light-hover:hover {
  border-color: #8d1b8a;
}
.uop-border-primary-dark,
.uop-border-primary-dark-hover:hover {
  border-color: #370b36;
}
.uop-border-secondary,
.uop-border-secondary-hover:hover {
  border-color: #00A0FF;
}
.uop-border-secondary-light,
.uop-border-secondary-light-hover:hover {
  border-color: #99d9ff;
}
.uop-border-secondary-dark,
.uop-border-secondary-dark-hover:hover {
  border-color: #0080cc;
}
.uop-border-success,
.uop-border-success-hover:hover {
  border-color: #33cc33;
}
.uop-border-success-light,
.uop-border-success-light-hover:hover {
  border-color: #adebad;
}
.uop-border-success-dark,
.uop-border-success-dark-hover:hover {
  border-color: #29a329;
}
.uop-border-info,
.uop-border-info-hover:hover {
  border-color: #00A0FF;
}
.uop-border-info-light,
.uop-border-info-light-hover:hover {
  border-color: #99d9ff;
}
.uop-border-info-dark,
.uop-border-info-dark-hover:hover {
  border-color: #0080cc;
}
.uop-border-warning,
.uop-border-warning-hover:hover {
  border-color: #F0DD00;
}
.uop-border-warning-light,
.uop-border-warning-light-hover:hover {
  border-color: #fff68a;
}
.uop-border-warning-dark,
.uop-border-warning-dark-hover:hover {
  border-color: #bdae00;
}
.uop-border-danger,
.uop-border-danger-hover:hover {
  border-color: #CC3333;
}
.uop-border-danger-light,
.uop-border-danger-light-hover:hover {
  border-color: #ebadad;
}
.uop-border-danger-dark,
.uop-border-danger-dark-hover:hover {
  border-color: #a32929;
}
.uop-border-purple,
.uop-border-purple-hover:hover {
  border-color: #621360;
}
.uop-border-purple-dark,
.uop-border-purple-dark-hover:hover {
  border-color: #3C023C;
}
.uop-border-blue,
.uop-border-blue-hover:hover {
  border-color: #00A0FF;
}
.uop-border-cyan,
.uop-border-cyan-hover:hover {
  border-color: #00A0FF;
}
.uop-border-grey-light,
.uop-border-grey-light-hover:hover {
  border-color: #D1D1D1;
}
.uop-border-grey,
.uop-border-grey-hover:hover {
  border-color: #ABAAAA;
}
.uop-border-grey-dark,
.uop-border-grey-dark-hover:hover {
  border-color: #505457;
}
.uop-border-red,
.uop-border-red-hover:hover {
  border-color: #C4014B;
}
.uop-border-orange,
.uop-border-orange-hover:hover {
  border-color: #E17300;
}
.uop-border-green,
.uop-border-green-hover:hover {
  border-color: #76BE2A;
}
.uop-border-teal,
.uop-border-teal-hover:hover {
  border-color: #009A96;
}
.uop-border-magenta,
.uop-border-magenta-hover:hover {
  border-color: #E5007E;
}
.uop-border-pink,
.uop-border-pink-hover:hover {
  border-color: #E5007E;
}
.uop-border-tec,
.uop-border-tec-hover:hover {
  border-color: #C4014B;
}
.uop-border-hss,
.uop-border-hss-hover:hover {
  border-color: #E17300;
}
.uop-border-sah,
.uop-border-sah-hover:hover {
  border-color: #76BE2A;
}
.uop-border-bal,
.uop-border-bal-hover:hover {
  border-color: #009A96;
}
.uop-border-cci,
.uop-border-cci-hover:hover {
  border-color: #E5007E;
}
/* --- FILL COLOUR --- */
.uop-fill-primary,
.uop-fill-primary-hover:hover {
  fill: #621360;
}
.uop-fill-primary-light,
.uop-fill-primary-light-hover:hover {
  fill: #8d1b8a;
}
.uop-fill-primary-dark,
.uop-fill-primary-dark-hover:hover {
  fill: #370b36;
}
.uop-fill-secondary,
.uop-fill-secondary-hover:hover {
  fill: #00A0FF;
}
.uop-fill-secondary-light,
.uop-fill-secondary-light-hover:hover {
  fill: #99d9ff;
}
.uop-fill-secondary-dark,
.uop-fill-secondary-dark-hover:hover {
  fill: #0080cc;
}
.uop-fill-success,
.uop-fill-success-hover:hover {
  fill: #33cc33;
}
.uop-fill-success-light,
.uop-fill-success-light-hover:hover {
  fill: #adebad;
}
.uop-fill-success-dark,
.uop-fill-success-dark-hover:hover {
  fill: #29a329;
}
.uop-fill-info,
.uop-fill-info-hover:hover {
  fill: #00A0FF;
}
.uop-fill-info-light,
.uop-fill-info-light-hover:hover {
  fill: #99d9ff;
}
.uop-fill-info-dark,
.uop-fill-info-dark-hover:hover {
  fill: #0080cc;
}
.uop-fill-warning,
.uop-fill-warning-hover:hover {
  fill: #F0DD00;
}
.uop-fill-warning-light,
.uop-fill-warning-light-hover:hover {
  fill: #fff68a;
}
.uop-fill-warning-dark,
.uop-fill-warning-dark-hover:hover {
  fill: #bdae00;
}
.uop-fill-danger,
.uop-fill-danger-hover:hover {
  fill: #CC3333;
}
.uop-fill-danger-light,
.uop-fill-danger-light-hover:hover {
  fill: #ebadad;
}
.uop-fill-danger-dark,
.uop-fill-danger-dark-hover:hover {
  fill: #a32929;
}
.uop-fill-purple,
.uop-fill-purple-hover:hover {
  fill: #621360;
}
.uop-fill-purple-dark,
.uop-fill-purple-dark-hover:hover {
  fill: #3C023C;
}
.uop-fill-blue,
.uop-fill-blue-hover:hover {
  fill: #00A0FF;
}
.uop-fill-cyan,
.uop-fill-cyan-hover:hover {
  fill: #00A0FF;
}
.uop-fill-grey-light,
.uop-fill-grey-light-hover:hover {
  fill: #D1D1D1;
}
.uop-fill-grey,
.uop-fill-grey-hover:hover {
  fill: #ABAAAA;
}
.uop-fill-grey-dark,
.uop-fill-grey-dark-hover:hover {
  fill: #505457;
}
.uop-fill-red,
.uop-fill-red-hover:hover {
  fill: #C4014B;
}
.uop-fill-orange,
.uop-fill-orange-hover:hover {
  fill: #E17300;
}
.uop-fill-green,
.uop-fill-green-hover:hover {
  fill: #76BE2A;
}
.uop-fill-teal,
.uop-fill-teal-hover:hover {
  fill: #009A96;
}
.uop-fill-magenta,
.uop-fill-magenta-hover:hover {
  fill: #E5007E;
}
.uop-fill-pink,
.uop-fill-pink-hover:hover {
  fill: #E5007E;
}
.uop-fill-tec,
.uop-fill-tec-hover:hover {
  fill: #C4014B;
}
.uop-fill-hss,
.uop-fill-hss-hover:hover {
  fill: #E17300;
}
.uop-fill-sah,
.uop-fill-sah-hover:hover {
  fill: #76BE2A;
}
.uop-fill-bal,
.uop-fill-bal-hover:hover {
  fill: #009A96;
}
.uop-fill-cci,
.uop-fill-cci-hover:hover {
  fill: #E5007E;
}
/*
.uop {
  &-text {
    &-primary,
    &-primary-hover:hover,
    &-purple,
    &-purple-hover:hover {
      color: @uop-purple;       
    }
    &-purple-dark,
    &-purple-dark-hover:hover {
      color: @uop-purple-dark;  
    }
    &-secondary,
    &-secondary-hover:hover,
    &-blue,
    &-blue-hover:hover,
    &-cyan,
    &-cyan-hover:hover {
      color: @uop-blue;         
    }
    &-grey-light,
    &-grey-light-hover:hover {
      color: @uop-grey-light;   
    }
    &-grey,
    &-grey-hover:hover {
      color: @uop-grey;         
    }
    &-grey-dark,
    &-grey-dark-hover:hover {
      color: @uop-grey-dark;    
    }
    &-red,
    &-red-hover:hover,
    &-tec,
    &-tec-hover:hover {
      color: @uop-red;          
    }
    &-orange,
    &-orange-hover:hover,
    &-hss,
    &-hss-hover:hover {
      color: @uop-orange;       
    }
    &-green,
    &-green-hover:hover,
    &-sah,
    &-sah-hover:hover {
      color: @uop-green;        
    }
    &-teal,
    &-teal-hover:hover,
    &-bal,
    &-bal-hover:hover {
      color: @uop-teal;         
    }
    &-magenta,
    &-magenta-hover:hover,
    &-pink,
    &-pink-hover:hover,
    &-cci,
    &-cci-hover:hover {
      color: @uop-magenta;   
   }
  }
}
*/