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

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

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

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

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

@font-face {
font-display:swap;
  font-family: 'lobster';
  src: url('/wp-content/themes/galbani/./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;
}