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


/* ======================================================================
   HEADER
   ====================================================================== */

/*** custom stickey header ***/
#sticky-small-header{
  position: fixed !important;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  z-index: 0;
  background-color: #fff;

  transform: translateY(-110%);
  opacity: 0;
  pointer-events: none;
  transition: transform .22s ease, opacity .22s ease;
}

#sticky-small-header.sf-show{
  transform: translateY(0);
  opacity: 1;
  pointer-events: auto;
}

#sticky-small-header .bricks-mobile-menu-wrapper {
  transform: translateX(-110%);
  transition: transform 0.25s ease;
}

#sticky-small-header .bricks-mobile-menu-wrapper.is-active,
#sticky-small-header.wa-menu-open .bricks-mobile-menu-wrapper {
  transform: translateX(0);
}

#sticky-small-header .bricks-mobile-menu-overlay {
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.2s ease;
}

#sticky-small-header .bricks-mobile-menu-overlay.is-active,
#sticky-small-header.wa-menu-open .bricks-mobile-menu-overlay {
  opacity: 1;
  pointer-events: auto;
}

#sticky-small-header li.menu-item-has-children > ul.sub-menu { display: none; }

#sticky-small-header li.wa-submenu-open > ul.sub-menu { display: block; }

#sticky-small-header #menu-primary-nav-4 ul.sub-menu a{
  padding: 10px 18px;
  line-height: 1.2;
}

#sticky-small-header .brxe-nav-menu .bricks-nav-menu > li > .sub-menu{
  top: 120% !important;
}

@media (min-width: 1024px) {
  #sticky-small-header li.menu-item-has-children:hover > ul.sub-menu {
    display: block !important;
  }
}

/* Hide sticky header on mobile */
@media (max-width: 767px) {
  #sticky-small-header {
    display: none !important;
  }
}

#ppcp-recaptcha-v2-container {
	display: none!important;
}

/*** end custom sticky header ***/
/* Hide the desktop header middle section on mobile */
@media (max-width: 767px) {
  #desktop-header-middle {
    display: none !important;
  }
}

#cr_floatingtrustbadge {
	z-index: 0!important;
}

/* "Questions? Need Help?" + phone link */
@media (max-width: 1214px) and (min-width: 992px){
  #brxe-hmmpmd.header-11__container-btn.inner-search{
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;  
    gap: 3px !important;
  }
}

/* Only 1214px down to 992px */
@media (max-width: 1214px) and (min-width: 992px){

  a.header-phone-icon{
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 0 !important;
  }

  a.header-phone-icon .icon svg{
    width: 18px !important;
    height: 18px !important;
  }

  a.header-phone-icon .text{
    font-size: 13px !important;
    line-height: 1 !important;
  }
}

/* header icons */
@media (max-width: 1214px) and (min-width: 992px){

  #brxe-ydqbwf svg{
    width: 16px !important;
    height: 16px !important;
  }

  #brxe-ydqbwf i.brxe-icon,
  #brxe-ydqbwf .fa{
    font-size: 16px !important;
    line-height: 16px !important;
  }

  #brxe-ydqbwf .icon{
    width: 16px !important;
    height: 16px !important;
    display: inline-flex;
    align-items: center;
    justify-content: center;
  }
}

/* mobile: show only #mobile-header */
@media (max-width: 768px) {
  #mobile-header {
    display: block !important;
  }

  #wp-admin-bar-top-secondary {
    display: none;
  }

  #brx-header > #top-menu,
  #brx-header > #brxe-hbcfvi,
  #brx-header > #main-menu {
    display: none !important;
  }
}

/* desktop: hide the mobile header + mobile menu */
@media (min-width: 769px) {
  #mobile-header {
    display: none !important;
  }

  .bricks-mobile-menu-toggle,
  .bricks-mobile-menu-wrapper {
    display: none !important;
  }
}

.bricks-search-form label {
  display: none;
}

.bricks-search-overlay .bricks-search-form input[type=search] {
  background-color: #000000bd!important;
}

.header-search {
	cursor: pointer;
}

.single-product #ppcp-recaptcha-v2-container {
  order: 10;
}

@media (max-width: 1311.98px) and (min-width: 992px) {
  #brxe-kgdsxa.header-11__container-btn.inner-search {
    display: flex;
    flex-direction: column;
    align-items: center; 
    gap: 10px;     
  }
}
@media (max-width: 1311.98px) and (min-width: 992px) {
#brxe-zxbkkp.header-11__container-btn.inner-search {
    display: flex;
    flex-direction: column;
    align-items: center; 
    gap: 10px;     
  }
}
.header-11__minicart.brxe-woocommerce-mini-cart .cart-count {
	color: #000;
	font-size: 14px;
	font-weight: 600;
	font-family: 'Albert Sans';
	background: #F37731;
}

.header-11__minicart.brxe-woocommerce-mini-cart .cart-count:hover {
	color: #fff;
	background: #000;
}

.brxe-woocommerce-mini-cart .cart-count {
  right: -2px;
}


/* ======================================================================
   NAVIGATION
   ====================================================================== */

/* submenu*/
@media (max-width: 768px){
  nav.bricks-mobile-menu-wrapper.left
  ul.bricks-mobile-menu ul.sub-menu li.bricks-menu-item,
  nav.bricks-mobile-menu-wrapper.left
  ul.bricks-mobile-menu ul.sub-menu li.bricks-menu-item > a,
  nav.bricks-mobile-menu-wrapper.left
  ul.bricks-mobile-menu ul.sub-menu li.bricks-menu-item > a *{
    line-height: 35px !important;
  }

  nav.bricks-mobile-menu-wrapper.left
  ul.bricks-mobile-menu ul.sub-menu li.bricks-menu-item > a span{
    display: inline !important;
  }

  nav.bricks-mobile-menu-wrapper.left
  ul.bricks-mobile-menu ul.sub-menu li.bricks-menu-item > a{
    white-space: normal !important;
    height: auto !important;
    min-height: 0 !important;
    display: block !important;
  }
}

#menu-primary-nav-4.bricks-nav-menu > li {
  margin: 0 !important;
}

/* Apply to ANY depth submenu item links */
#main-menu .bricks-nav-menu .sub-menu a{
  display: block;
  padding: 10px 18px;
  line-height: 1.2;
}

/* menu alignment fix */
@media (min-width: 1024px) {
  #main-menu .bricks-nav-menu > li.menu-item-has-children > ul.sub-menu.brx-submenu-positioned {
    position: fixed !important;
    top: calc(var(--teserra-header-bottom, 0px) + var(--teserra-submenu-nudge, 0px)) !important;
  }
}

/* inter menu spacing */
#main-menu .bricks-nav-menu .sub-menu > li > a {
  display: block;
  padding: 10px 18px;
  line-height: 1.2;
}

@media (min-width: 1024px) {
  #top-menu .bricks-nav-menu > li.menu-item-has-children > ul.sub-menu.brx-submenu-positioned {
    position: fixed !important;
    top: calc(var(--wa-top-header-bottom, 0px) + var(--wa-top-submenu-nudge, 0px)) !important;
    transform: none !important;
    margin-top: 0 !important;
    left: auto !important;
  }
}

#top-menu .bricks-nav-menu .sub-menu > li > a {
  display: block;
  padding: 10px 18px;
  line-height: 1.2;
}

/* Hide #top-menu below 1430px 
@media (max-width: 1429.98px) {
  #top-menu {
    display: none !important;
  }
}*/