/*
 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
*/a.nav-item,
.nav-item a,
.bc-header-005__nav-item a {
  font-size: 18px !important;
  font-weight: 600;
  color: #1a1a1a !important;
  text-decoration: none;
  display: inline-block;
  padding: 0.5em 1em;
  transition: color 0.3s ease, border-bottom 0.3s ease;
}

a.nav-item:hover,
.nav-item a:hover,
.bc-header-005__nav-item a:hover {
  color: #007acc !important;
  border-bottom: 2px solid #007acc;
}
/* Ajustement hauteur header par breakpoint */
:root {
  --header-h: 92px; /* Desktop */
}

@media (max-width: 991px){
  :root { --header-h: 100px; } /* Tablet */
}

@media (max-width: 767px){
  :root { --header-h: 80px; } /* Mobile */
}

@media (max-width: 478px){
  :root { --header-h: 75px; } /* Small mobile */
}

/* Application */
#brx-content, main.bricks-site { 
  padding-top: var(--header-h);
}

html { 
  scroll-padding-top: var(--header-h); 
}