/* ---------------------------------------------------------------------------
   Utility classes replacing inline style="" attributes.

   These exist so the Content-Security-Policy can drop 'unsafe-inline' from
   style-src. Each rule reproduces exactly what the inline declaration did;
   !important preserves the precedence inline styles previously had over the
   stylesheets loaded before this one.

   Load this file AFTER css/compressed.css.
   --------------------------------------------------------------------------- */

/* Staggered animate.css entrance delays */
.anim-delay-1  { animation-delay: 0.1s !important; }
.anim-delay-2  { animation-delay: 0.2s !important; }
.anim-delay-3  { animation-delay: 0.3s !important; }
.anim-delay-10 { animation-delay: 1s   !important; }

/* Text colours */
.text-accent         { color: #50d8af !important; }
.text-white-center   { color: #ffffff !important; text-align: center !important; }
.text-white-on-black { color: #ffffff !important; background-color: #000000 !important; }

/* Spacing */
.mt-2rem { margin-top: 2rem !important; }

/* Home / section carousel slide backgrounds */
.slide-bg-1 { background-image: url('../img/intro-carousel/Slider-1.jpg') !important; }
.slide-bg-2 { background-image: url('../img/intro-carousel/Slider-2.jpg') !important; }
.slide-bg-3 { background-image: url('../img/intro-carousel/Slider-3.jpg') !important; }
.slide-bg-4 { background-image: url('../img/intro-carousel/Slider-4.jpg') !important; }

/* Alternate numbered slide set */
.slide-alt-1 { background-image: url('../img/intro-carousel/1.jpg') !important; }
.slide-alt-2 { background-image: url('../img/intro-carousel/2.jpg') !important; }
.slide-alt-3 { background-image: url('../img/intro-carousel/3.jpg') !important; }
.slide-alt-4 { background-image: url('../img/intro-carousel/4.jpg') !important; }
.slide-alt-5 { background-image: url('../img/intro-carousel/5.jpg') !important; }

/* Page hero backgrounds */
.bg-contact   { background-image: url('../img/bg-01.jpg') !important; }
.bg-jobs-hero { background: #242c36 url('../img/intro-carousel/slider-01.jpg') no-repeat !important; }