/**
 * Utility Classes
 * Custom utility classes for the Bricks Child Theme
 */

/* Add your utility classes below */

/* COLORS */
.white {
  color: #ffffff;
}

.primary {
  color: #2f6a50;
}

.primary-dark {
  color: #162f24;
}

.primary-light {
  color: #e5f3e9;
}

.muted {
  color: #b9d8c2;
}

.scaleyou-white {
  color: #e5f3e9;
}

/* TYPOGRAPHY */
.italic {
  font-style: italic !important;
}

.bold,
.strong {
  font-weight: bold !important;
}

.text-left {
  text-align: left !important;
}

.text-center,
.center {
  text-align: center !important;
}

.text-right {
  text-align: right !important;
}

/* FLEX */
.reverse {
  flex-direction: row-reverse !important;
}

.align-items-flex-start {
  align-items: flex-start !important;
}

.align-items-center {
  align-items: center !important;
}

.align-items-flex-end {
  align-items: flex-end !important;
}

/* BUTTONS */
.button-arrow,
.button-arrow-dark {
  position: relative;
  display: block;
  align-items: center;
  transition: var(--default-transition);
  flex-shrink: 0;
}

.button-arrow::after {
  content: "";
  background-image: url('data:image/svg+xml;charset=UTF-8,%3Csvg xmlns="http://www.w3.org/2000/svg" width="25" height="14" viewBox="0 0 25 14" fill="none"%3E%3Cpath d="M18.1435 0L17.0299 1.08804L21.9853 5.92961H0V7.46834H21.9853L17.0299 12.3099L18.1435 13.3979L25 6.69892L18.1435 0Z" fill="white"/%3E%3C/svg%3E');
  background-repeat: no-repeat;
  background-size: contain;
  display: inline-block;
  width: 20px;
  height: 14px;
  flex-shrink: 0;
  margin-left: 10px;
  transition: var(--default-transition);
  position: relative;
  top: 3px;
}

.button-arrow:hover::after,
.button-arrow-dark:hover::after {
  translate: 5px 0px;
}

.button-arrow-dark::after,
.bricks-background-secondary.button-arrow::after,
.bricks-background-muted.button-arrow::after {
  content: "";
  background-image: url('data:image/svg+xml;charset=UTF-8,%3Csvg xmlns="http://www.w3.org/2000/svg" width="25" height="14" viewBox="0 0 25 14" fill="none"%3E%3Cpath d="M18.1435 0L17.0299 1.08804L21.9853 5.92961H0V7.46834H21.9853L17.0299 12.3099L18.1435 13.3979L25 6.69892L18.1435 0Z" fill="black"/%3E%3C/svg%3E');
  background-repeat: no-repeat;
  background-size: contain;
  display: inline-block;
  width: 20px;
  height: 14px;
  flex-shrink: 0;
  margin-left: 10px;
  transition: var(--default-transition);
  position: relative;
  top: 3px;
}

.button-arrow.header-access-contact::after {
  background-image: url('data:image/svg+xml;charset=UTF-8,%3Csvg xmlns="http://www.w3.org/2000/svg" width="25" height="14" viewBox="0 0 25 14" fill="none"%3E%3Cpath d="M18.1435 0L17.0299 1.08804L21.9853 5.92961H0V7.46834H21.9853L17.0299 12.3099L18.1435 13.3979L25 6.69892L18.1435 0Z" fill="%23153024"/%3E%3C/svg%3E');
}