/* 
Colour Guide

Colour names are taken from browser default names: https://htmlcolorcodes.com/color-names/

Naming convention used:

colour-lightest
colour-light
colour
colour-dark
colour-darker
colour-darkest

*/

.black{color:#000;}
.white{color:#fff;}
.black-bg{background-color:#000;}
.white-bg{background-color:#fff;}

/*Branding colors*/

.blue{color:#2b95cb;}
.green{color:#68c180;}
.red {
    color: #ce3030
}
.gray{color:#3c464b;}
.gray-dark{color:#444;}
.gray-light{color:#f9f9f9;}
.gray-lightest{color:#eee;}/*Header top nav background*/

/*Branding bg colors*/

.blue-bg{background-color:#2b95cb;}
.green-bg{background-color:#68c180;}/*Main green*/
.gray-bg{background-color:#3c464b;}
.gray-dark-bg{background-color:#444;}
.gray-light-bg{background-color:#f9f9f9;}
.gray-lightest-bg{background-color:#eee;}/*Header top nav background*/

/*Bg Gradients*/

.blue-bg-gradient { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1592cf+21,28c7dc+100 */ background: #1592cf; /* Old browsers */ background: -moz-linear-gradient(left, #1592cf 21%, #28c7dc 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, #1592cf 21%,#28c7dc 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, #1592cf 21%,#28c7dc 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1592cf', endColorstr='#28c7dc',GradientType=1 ); /* IE6-9 */ }