/*
Theme Name: Sugar Savvy
Author: Project Vongvilaysone
Author URI: https://projectvongvilaysone.com/
Text Domain: ss
Description: Custom Theme for Sugar Savvy Beauty Boutique
Version: 1.0.0
*/


:root {
  --ss_dark_teal: #70c7b0;
  --ss_teal: #a5ceca;
  --ss_light_teal: #d8e6e5;
  --ss_beige: #ece6e6;
  --ss_light_brown: #d3c5b2;
  --ss_black: #2c2d32;
}

@font-face { font-family: 'Aileron Heavy';
  src: url('assets/fonts/AileronHeavy/Aileron-Light.otf');
  font-weight: 300;
}

@font-face { font-family: 'Aileron Heavy';
  src: url('assets/fonts/AileronHeavy/Aileron-Regular.otf');
  font-weight: 400;
}

@font-face { font-family: 'Aileron Heavy';
  src: url('assets/fonts/AileronHeavy/Aileron-Heavy.otf');
  font-weight: 500;
}

@font-face { font-family: 'Aileron Heavy';
  src: url('assets/fonts/AileronHeavy/Aileron-SemiBold.otf');
  font-weight: 600;
}

@font-face { font-family: 'Aileron Heavy';
  src: url('assets/fonts/AileronHeavy/Aileron-Bold.otf');
  font-weight: 700;
}




h1,h2,h3,h4,h5,h6 {
  font-family: 'Aileron Heavy', sans-serif;
  font-weight: 700;
  -webkit-font-smoothing: antialiased;
}

body {
  font-family: 'Arimo', sans-serif;
  font-weight: 400;
}

p {
  font-weight: 300;
}

a {
  color: var(--ss_black);
  text-decoration: underline;
}

a:hover {
  color: var(--ss_dark_teal);
}

b, strong {
  font-weight: 700;
}

@media all and (max-width: 992px) {
  p {
    font-size: 1.2em;
  }
}