/* @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 */

/* 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: ;
}
/* end buttons */


/* MAIN MENU COLOUR OVERRIDES (JORGE) */

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

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

/* END MAIN MENU COLOUR OVERRIDES */


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