/* @import url('http://example.com/example_style.css'); */

/***********************************************/
/* CSS @imports must be at the top of the file */
/* Add them above this section                 */
/***********************************************/

/*****************************************/
/* Start your style declarations here    */
/*****************************************/

/* Custom drop shadow for non-rectangular images. To use, add it as Image class on the component - WARNING Does not play nice with mobile, use with care */
.drop-shadow-custom {
    filter: drop-shadow(0 16px 32px #2223260d) drop-shadow(0 8px 16px #2223260d);
  }
/* end custom drop shadow */


/* standardise shadows with cards */
.img--shadow img,
img.img--shadow {
  box-shadow: 0 16px 32px rgba(34,35,38,.05),0 8px 16px rgba(34,35,38,.05);
}
/* end image shadows */

/*****************************************/
/* BUTTON MODULE CHANGES                 */
/*****************************************/

/* Remove roll-over scale effect from theme buttons adn replace with brightness */
.btn:hover {
  text-decoration: none;
  transform: none;
  filter: brightness(.8);
}

.btn:active {
  transform: none;
  transition-duration: 0s;
}

.btn--accent.btn--fill,
.btn--accent.btn--outline:hover {
  background: ;
  color: ;
}


/*****************************************/
/* NAV MODULE CHANGES                    */
/*****************************************/

/* Override main menu navigation component's hover underline colour in header-04 */
.header--4 .nav__list--level1 > li > a::before {
  background-color: #F06859 !important;
}

/* Override active sub-menu dot colour (not specific to header-04) */
.nav__list--flyout .nav__item--active-branch > a:before,
.nav__list--flyout .nav__item--active > a:before {
  background-color: #F06859 !important;
}

/*****************************************/
/* NUMBERS MODULE CHANGES                */
/*****************************************/

/* Override number colour in light version of Numbers module */
.numbers__number {
  color: #F06859 !important;
}


/* CONTINUE HERE - DIFF OTHER FILES AND ADD ANY CUSTOM STYLES /*