/*
 Theme Name:   Bricks Child Theme
 Theme URI:    https://bricksbuilder.io/
 Description:  Use this child theme to extend Bricks.
 Author:       Bricks
 Author URI:   https://bricksbuilder.io/
 Template:     bricks
 Version:      1.1
 Text Domain:  bricks
*/


.color-fondo-primario	{ background-color: var(--color-primary)   !important; }
.color-texto-primario	{ color:            var(--color-primary)   !important; }
.color-fondo-secundario	{ background-color: var(--color-secondary) !important; }
.color-texto-secundario { color:            var(--color-secondary) !important; }





:root {
  --header-top-height: 85px;
  --header-bottom-height: 80px;
  --first-section-mt: calc( var(--header-top-height) + var(--header-bottom-height) );
}

.header-top {
  height: var(--header-top-height);
  overflow: hidden;
}

.header-bottom {
  height: var(--header-bottom-height);
}

header.scrolling .header-top, header.scrolling .header-bottom {
  transform: translateY( calc( var(--header-top-height) * -1 ) );
}


.card__status {
  padding-top: 4px;
  padding-right: 8px;
  padding-bottom: 4px;
  padding-left: 8px;
  font-size: var(--text-s);
  font-weight: 500;
  line-height: 150%;
  color: var(--gray);
  border: 1px solid var(--gray);
  border-radius: var(--radius-m);
  width: auto;
}

.status--active {
	color: var(--primary);
	border-color: var(--primary);
}

.status--future {
	color: var(--purple);
	border-color: var(--purple);
}