@font-face {
  font-family: 'Avenir Next';
  src: url('../assets/fonts/avenir-next/AvenirNext-Regular.woff') format('woff'),
       url('../assets/fonts/avenir-next/AvenirNext-Regular.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Avenir Next';
  src: url('../assets/fonts/avenir-next/AvenirNext-Bold.woff') format('woff'),
       url('../assets/fonts/avenir-next/AvenirNext-Bold.woff2') format('woff2');
  font-weight: bold;
  font-style: normal;
}

:root {
  --colors-primary: #1F1F24;
  --colors-secondary: #1F1F24;
  --colors-grey: grey;
  --colors-dark-grey: #666;
  --colors-grey-light: #EFF0F1;
  --colors-purple: #6557C4;
  --colors-white: #fff;
  --colors-error: #ff0000;
  
  font-family: 'Avenir Next';
}

#locatorv2embed,
#locatorv2embed .home,
#locatorv2embed .homeMobile,
#locatorv2embed .map-info-content__details,
#locatorv2embed .results,
#locatorv2embed .results-skeleton,
#locatorv2embed .mobile__results,
#locatorv2embed .details__book-appt,
#locatorv2embed .results--flipped,
#locatorv2embed .details__back-button,
#locatorv2embed input,
#locatorv2embed button {
  font-family: 'Avenir Next';
}
