/* --------------------------------- FONTS -------------------------------- */
/* --------------------------------- COLOURS ----------------------------- */
/** Boldly original blue/green palette **/
/** Boldly multi-colour palette       **/
/** Boldly grayscale palette          **/
/* Cool Steel #3B3B41 */
/*0F0A0A*/
/*333*/
/*666*/
/*CCC*/
/** Mixing and matching colours       **/
/** Colours for buttons and alerts    **/
/* --------------------------------- MIXIN -------------------------------- */
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ff4949+0,2e99ff+100 */
body {
  background-color: #f9f9f9;
  color: #3B3B41; }

#header-main,
#header-main .menu-toggle svg {
  color: #FFF;
  stroke: #FFF; }

#header-main.scroll,
#header-main.scroll a {
  color: #3B3B41; }

.no-bg #header-main,
.no-bg #header-main a,
.no-bg #header-main .menu-toggle svg {
  color: #3B3B41;
  stroke: #3B3B41; }

#header-main.scroll {
  background-color: #FFF; }

#header-main.scroll .menu-toggle svg {
  stroke: #3B3B41; }

a {
  color: #3B3B41; }

p a:hover {
  color: #3B3B41; }

.btn {
  color: #3B3B41;
  border-color: #3B3B41; }

.btn::before {
  border-right-color: #3B3B41 !important; }
.btn::after {
  border-left-color: #3B3B41; }

.btn.btn-rev::before {
  border-right-color: #FF5252 !important; }
.btn.btn-rev::after {
  border-left-color: #FF5252; }

.btn.btn-rev:hover {
  color: #3B3B41;
  border-color: #3B3B41; }
  .btn.btn-rev:hover::before {
    border-right-color: #3B3B41 !important; }
  .btn.btn-rev:hover::after {
    border-left-color: #3B3B41; }

.reel-container {
  background-color: transparent; }

.gallery-image {
  padding: 1rem; }

.breadcrumbs {
  border-top-color: #EEE; }
  .breadcrumbs a:hover {
    color: #3B3B41; }

hr {
  background-color: #EEE; }

.hero {
  color: #FFF;
  overflow: hidden;
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  mask-size: cover;
  -webkit-mask-image: url("https://dq5l3ftu6z6ds.cloudfront.net/static/img/masks/angle-crop-02@2x.png");
  mask-image: url("https://dq5l3ftu6z6ds.cloudfront.net/static/img/masks/angle-crop-02@2x.png");
  -webkit-mask-position: bottom;
  mask-position: bottom; }
  .hero::after {
    width: 150%;
    height: 40%;
    content: " ";
    background: #f9f9f9;
    position: absolute;
    left: -30%;
    bottom: -25%;
    transform: rotate(-6deg); }

#project .project-header {
  color: #FFF; }
#project .project-footer-nav {
  border-color: #EEE; }

.project .project-badges .badge {
  background-color: rgba(255, 255, 255, 0.95);
  color: #3B3B41; }

.result img {
  filter: invert(1);
  -webkit-filter: invert(1); }

#footer-menu .footer-menu-groups {
  color: #666; }
  #footer-menu .footer-menu-groups a {
    color: #666; }

.fancybox-bg {
  background: #FFF !important; }

form fieldset {
  border-color: #87A19E; }
form .form-actions {
  background-color: #87A19E; }

input[type="text"],
input[type="password"],
input[type="email"],
input[type="numeric"],
input[type="number"],
input[type="url"],
input[type="file"],
textarea,
select {
  border-color: #87A19E; }

/*# sourceMappingURL=inverted.css.map */