@font-face {
  font-family: 'space-grotesk';
  src: url('./fonts/SpaceGrotesk-Light.ttf') format('truetype');
  font-weight: 300;
  font-display: swap;
}

@font-face {
  font-family: 'space-grotesk';
  src: url('./fonts/SpaceGrotesk-Regular.ttf') format('truetype');
  font-weight: 400;
  font-display: swap;
}

@font-face {
  font-family: 'space-grotesk';
  src: url('./fonts/SpaceGrotesk-Medium.ttf') format('truetype');
  font-weight: 500;
  font-display: swap;
}

@font-face {
  font-family: 'space-grotesk';
  src: url('./fonts/SpaceGrotesk-SemiBold.ttf') format('truetype');
  font-weight: 600;
  font-display: swap;
}

@font-face {
  font-family: 'space-grotesk';
  src: url('./fonts/SpaceGrotesk-Bold.ttf') format('truetype');
  font-weight: 700;
  font-display: swap;
}

@font-face {
  font-family: 'lobster';
  src: url('./fonts/Lobster-Regular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

* {
  box-sizing: border-box;
  margin: 0px;
}
*:not(ul, ol) {
  padding: 0px;
}

body {
  font-family: 'space-grotesk', sans-serif;
}

:root {
  -font-weight-light: 300;
  -font-weight-regular: 400;
  -font-weight-medium: 500;
  -font-weight-semi-bold: 600;
  -font-weight-bold: 700;
}

.font-space {
  font-family: 'space-grotesk', sans-serif;
  font-weight: var(--font-weight-regular);
}
.font-space {
  font-family: 'space-grotesk', sans-serif;
  font-weight: 400;
}
.font-space.light {
  font-weight: 300;
}
.font-space.regular {
  font-weight: 400;
}
.font-space.medium {
  font-weight: 500;
}
.font-space.semi-bold {
  font-weight: 600;
}
.font-space.bold {
  font-weight: 700;
}

.font-lobster {
  font-family: 'lobster', sans-serif;
  font-weight: 400;
}

.font-lobster.bold {
  font-weight: 700;
}

/* Standard button styles */
.button {
  display: flex;
  width: 180px;
  height: 40px;
  border-radius: 30px;
  border: none;
  background-color: #F49811;
  color: white;
  font-weight: 700;
  font-size: 15px;
  text-decoration: none;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

.button:hover, .button-white {
  background-color: white;
  border: 1px solid #F49811;
  color: #F49811;
}

.button-white:hover {
  background-color: #F49811;
  border: none;
  color: white;
}

.uppercase {
  text-transform:uppercase
}

.is-content-justification-center {
  justify-content: center !important;
}

.single-receita-ingredients-section p strong,
.single-receita-ingredients-section p b,
.single-receita-ingredients-section li strong,
.single-receita-ingredients-section li b,
.single-receita-preparation-list-container p strong,

.single-receita-preparation-list-container li strong,
.single-receita-preparation-list-container li b {
  color: #094DA4 !important;
  font-style: normal !important;
  font-weight: 700 !important;
}

a b{
  color: #CD1232 !important;
  font-weight: 700 !important;
}
/* Links em ingredientes e preparo ficam vermelhos mesmo com strong/b */
.single-receita-ingredients-section a strong,
.single-receita-ingredients-section a b,
.single-receita-preparation-list-container a strong,
.single-receita-preparation-list-container a b {
  color: #CD1232 !important;
  font-weight: 700 !important;
}

.single-receita-ingredients-section a,
.single-receita-preparation-list-container a {
  text-decoration: none !important;
  color : #CD1232 !important;
}

.single-receita-ingredients-section a span {
  color: #CD1232 !important;
  font-weight: 700 !important;
}

/* h2 b deve ser vermelho e bold no conteúdo da receita */
.single-receita-about-section h2 b,
.single-receita-ingredients-section h2 b,
.single-receita-preparation-list-container h2 b , .single-receita-preparation-list-container h4,   .single-receita-preparation-list-container p b {
  color: #094DA4 !important   ;
  font-weight:   700 !important;
}

/* Links do conteúdo da receita devem ser vermelhos e bold */
.single-receita-about-section a,
.single-receita-ingredients-section a,
.single-receita-preparation-list-container a,
.single-receita-preparation-list-container a span {
  color: #CD1232 !important;
  font-weight: 700 !important;
  text-decoration: none !important;
}

.single-receita-products-list span {
  color: #0941A4 !important;
  font-weight: 700 !important;
}
.single-receita-about-section h2 span {
  color: #094DA4 !important;
  font-weight: 700 !important;
}

.single-receita-about-section b {
  color: #094DA4 !important;
  font-weight: 700 !important;
}
.single-receita-about-section a b {
  text-decoration: none !important;
}

/* Links com span na about da receita: vermelho e bold */
.single-receita-about-section a span {
  color: #CD1232 !important;
  font-weight: 700 !important;
  text-decoration: none !important;
}