/*
 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
*/

/* Table of Contents
- Text
- Site Header
- Primary Navigation
- Lists
- Lightbox
- Gravity Forms
  - Buttons
- Pages
  - Home
-Fleet Single
- 404


/* Text
--------------------------------------------- */
.text-red {
  color: var(--red);
}

/* Site Header
--------------------------------------------- */

@media (min-width: 992px) {
  #brx-header {
    /* background-color: #fff;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 100; */
  }

  .admin-bar #brx-header {
    top: 31px;
  }

  #brx-header,
  .header-phone,
  #brx-phone,
  .brxe-logo img {
    transition: all 0.5s;
  }

  #brx-header.scrolled {
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.16);
  }

  #brx-header.scrolled .header-phone {
    margin-top: 2px;
  }

  #header-logo {
    position: absolute;
    top: 0;
    transform: translateY(-32px);
    width: 90px;
  }

  #brx-header.scrolling #header-logo {
    transform: translateY(4px);
  }

  #brx-header #header-logo img {
    transform-origin: bottom left;
  }

  #brx-header.scrolled #header-logo img {
    width: 55px;
  }
}

/* Primary Navigation
--------------------------------------------- */
.link-hover-underline,
.primary-nav-item {
  position: relative;
}

.link-hover-underline:after,
.primary-nav-item:after {
  position: absolute;
  content: "";
  width: 0%;
  height: 2px;
  background: var(--red);
  left: auto;
  right: 0;
  bottom: 0;
  transition: 0.4s linear;
  -webkit-transition: 0.2s linear;
  border: none;
}

.primary-nav-item:after {
  height: 3px;
  /* transform: translateY(17px); */
}

.link-hover-underline:hover:after,
.primary-nav-item:hover:after {
  right: auto;
  left: 0;
  width: 100%;
}

/* Lists
--------------------------------------------- */
ul li::marker {
  color: var(--red);
}

/* Lightbox
--------------------------------------------- */
.pswp.brx .pswp__bg,
.pswp.brx .pswp__container,
.pswp.brx .pswp__content,
.pswp.brx .pswp__img,
.pswp.brx .pswp__item,
.pswp.brx .pswp__scroll-wrap,
.pswp.brx .pswp__zoom-wrap {
  opacity: 1 !important;
}

/* Gravity Forms
--------------------------------------------- */

/* Buttons ------- */
.gform_button {
  background-color: var(--red) !important;
  border-radius: 0 !important;
  font-size: 1rem !important;
  padding: var(--space-xs) var(--space-l) !important;
}

.gform_button:hover {
  background-color: var(--black) !important;
}

/* Pages
--------------------------------------------- */

/* Home ------- */

.home #section-grid-fleet {
  background-color: var(--white);
}
.home .card-service-single .card-service-single__name {
  font-size: var(--text-l);
}

/* Fleet Single
--------------------------------------------- */

/* Hide interior gallery on transit bus for now */
.postid-6788 #section-info-sheet {
  display: none;
}

/* .single-fleet #section-faq {
  display: none;
}

.single-fleet.postid-4445 #section-faq {
  display: block;
} */

/* Error 404
--------------------------------------------- */

.error404 #brxe-xfbjpd {
  display: none;
}