/*
 * NO.Brainer Astra Child - custom_style.css
 *
 */


/* =============================================================================
   THIS FILE: Theme header + per-client variables only.
   Safe to edit per client. Will not be overwritten by git updates.

   DO NOT EDIT: nb_ac_style.css (magic classes, auto-loaded)
                nb_ac_functions.php (fixes, auto-loaded)
                admin-settings.php (settings page, auto-loaded)
   ============================================================================= */


/* =============================================================================
   ASTRA VARIABLE REFERENCE
   (Set in Astra Customizer -- injected automatically as --nb_ac_ vars)

   --ast-global-color-0   Primary / accent
   --ast-global-color-1   Heading color
   --ast-global-color-2   Secondary text
   --ast-global-color-3   Muted text
   --ast-global-color-4   Light background
   --ast-global-color-5   White
   --ast-global-color-6   Off-white / surface
   --ast-global-color-7   Dark text
   --ast-global-color-8   Black
   ============================================================================= */


/* =============================================================================
   PER-CLIENT VARIABLES
   Change these for each new site. Everything else references these vars.
   ============================================================================= */

:root {

  /* -- Brand Colors ----------------------------------------- */
  --nb_ac_brand_primary:          var(--ast-global-color-0);   /* Main accent / button color   */
  --nb_ac_brand_primary_hover:    #000000B3; /* Primary at 70% opacity       */
  --nb_ac_brand_black:            #000000;
  --nb_ac_brand_black_hover:      #00000080;
  --nb_ac_brand_gray:             #e4e4e4;
  --nb_ac_brand_dark:             #222222;   /* Dark section bg              */

  /* -- Nav -------------------------------------------------- */
  --nb_ac_nav_color:              #000000;   /* Nav + mobile menu bg         */

  /* -- Layout ----------------------------------------------- */
  --nb_ac_container_padding:      50px;
  --nb_ac_container_padding_half: 25px;
  --nb_ac_text_margin_bottom:     20px;
  --nb_ac_opacity_hover:          0.7;

  /* -- Header ----------------------------------------------- */
  --nb_ac_fixed_header_voffset:   100px;     /* Distance from top to content */

  /* -- Hero ------------------------------------------------- */
  --nb_ac_hero_height:            768px;

  /* -- Slider ----------------------------------------------- */
  --nb_ac_slider_height:          600px;

}



h2:not(.hd_nbs_slider_slide_sub_header) {
  margin-bottom:var(--nb_ac_container_padding) !important;
}



.main-navigation .menu-item a {
  font-size:18px;
  font-weight:bold;
  padding-top:8px;
  padding-bottom:8px;
}

.main-navigation .menu-item .sub-menu {
  border-top:2px solid var(--nb_ac_brand_black);
  padding-top:4px;
  padding-bottom:4px;
}

.main-navigation .menu-item .sub-menu a {
  padding-top:8px;
  padding-bottom:8px;
  font-size:16px;
}






/* Menu BG Pre Astra's Crappy Break  */
.ast-builder-menu-mobile .main-navigation .main-header-menu,
.ast-builder-menu-mobile .main-navigation .main-header-menu .menu-link,
.ast-builder-menu-mobile .main-navigation .main-header-menu .sub-menu,
/* Menu BG Post Astra's Crappy Break  */
.ast-builder-menu-mobile .main-navigation .menu-item.current-menu-item > .menu-link, .ast-builder-menu-mobile .main-navigation .inline-on-mobile .menu-item.current-menu-item > .ast-menu-toggle, .ast-builder-menu-mobile .main-navigation .menu-item.current-menu-ancestor > .menu-link, .ast-builder-menu-mobile .main-navigation .menu-item.current-menu-ancestor > .ast-menu-toggle,
.ast-builder-menu-mobile .main-navigation .menu-link:hover, .ast-builder-menu-mobile .main-navigation .main-header-menu > .menu-item:hover > .menu-link, .ast-builder-menu-mobile .main-navigation .inline-on-mobile .ast-menu-toggle:hover, .ast-builder-menu-mobile .main-navigation .inline-on-mobile .main-header-menu > .menu-item:hover > .ast-menu-toggle {
  background: var(--ast-global-color-6);
}

#ast-mobile-header .menu-toggle:active,
#ast-mobile-header .menu-toggle:focus {
  outline: var(--ast-global-color-5);
  border-color: var(--ast-global-color-5);
  color: var(--ast-global-color-5);
}

/* Active Menu Text Color Pre Astra's Crappy Break  */
.ast-builder-menu-mobile .main-navigation .menu-link:hover, .ast-builder-menu-mobile .main-navigation .main-header-menu > .menu-item:hover > .menu-link, .ast-builder-menu-mobile .main-navigation .inline-on-mobile .ast-menu-toggle:hover, .ast-builder-menu-mobile .main-navigation .inline-on-mobile .main-header-menu > .menu-item:hover > .ast-menu-toggle,
/* Active Menu Text Color Post Astra's Crappy Break  */
.ast-builder-menu-mobile .main-navigation .menu-item.current-menu-item > .menu-link, .ast-builder-menu-mobile .main-navigation .inline-on-mobile .menu-item.current-menu-item > .ast-menu-toggle, .ast-builder-menu-mobile .main-navigation .menu-item.current-menu-ancestor > .menu-link, .ast-builder-menu-mobile .main-navigation .menu-item.current-menu-ancestor > .ast-menu-toggle,
/* Regular Menu Text Color Pre Astra's Crappy Break  */
.ast-builder-menu-mobile .main-navigation .main-header-menu .menu-item > .menu-link,
/* Sub Menu Toggle  */
.ast-builder-menu-mobile .main-navigation .ast-menu-toggle, .ast-builder-menu-mobile .main-navigation .ast-menu-toggle:hover, .ast-builder-menu-mobile .main-navigation .main-header-menu > .menu-item:hover > .ast-menu-toggle, .ast-builder-menu-mobile .main-navigation .main-header-menu .menu-item .ast-menu-toggle {
  color: var(--ast-global-color-5);
}

/* Main Menu Toggle aka Hamburger Icon */
#ast-mobile-header .mobile-menu-toggle-icon .ast-mobile-svg {
  fill: var(--nb_ac_nav_color);
}

.ast-builder-menu-mobile .main-navigation .menu-item .sub-menu {
  border-top:0px;
}

.ast-builder-menu-mobile .main-navigation .menu-item .sub-menu a {
  font-size:14px !important;
  padding-top:5px !important;
  padding-bottom:5px !important;
}




.hd_nbs_slider_slide_button {
  background-color: var(--nb_ac_brand_primary) !important;
  padding: 10px 20px !important;
  border-radius: 99px !important;
}

.hd_nbs_slider_slide_text_wrap h1.hd_nbs_slider_slide_main_header, 
.hd_nbs_slider_slide_text_wrap h2.hd_nbs_slider_slide_sub_header {
  margin-bottom:40px;
}



.nb_ac_section_bg_blue {
  background:var(--nb_ac_brand_primary);
}

.nb_ac_section_bg_beige {
  background:var(--ast-global-color-7);
}

.nb_ac_section_bg_pink {
  background:var(--ast-global-color-1);
}
.nb_ac_section_bg_pink h2,
.nb_ac_section_bg_pink p,
.nb_ac_section_bg_pink h4 {
  color:#fff;
}



/*.nb_ac_bullets_home ul.elementor-icon-list-items li.elementor-icon-list-item*/
.nb_ac_bullets_home ul li .elementor-icon-list-icon {
  background:var(--ast-global-color-1) !important;
  padding:3px 3px 3px 4px;
  border-radius:3px;
}

.nb_ac_bullets_home {

}

.nb_ac_bullets_home ul li a {
  text-decoration:none !important;
}

.nb_ac_bullets_home ul li a:hover {
  opacity:var(--nb_ac_opacity_hover);
}

.nb_ac_bullets_home ul li .elementor-icon-list-text {
  font-size:24px;
  padding-inline-start:10px !important;
}

.nb_ac_bullets_home ul li .elementor-icon-list-icon svg {
  width:20px;
  height:20px;
  fill:#fff;
}



.elfsight-app-5496fd09-f20f-4d41-a30e-a12e55d57fe7 .WidgetTitle__Header-sc-80558b97-2.jTKxZw {
  display:none !important;
}



.nc_ac_teasers {
}

.nb_ac_teasers_clients {
}


.site-primary-footer-inner-wrap {
  align-items: center !important;
}


.elementor-testimonial-wrapper {
  border-radius:20px;
  padding:20px;
  box-shadow: 2px 2px 10px 2px rgba(0,0,0,0.75);
}





@media only screen and (max-width: 1023px) {

  .nb_ac_teasers_clients {
    grid-template-columns:1fr 1fr 1fr !important;
  }

  .nb_ac_section_rt_gutter {
    grid-template-columns:1fr !important;
  }

  .nb_ac_rt_gutter_inner p {
    text-align:center !important;
  }

}

@media only screen and (max-width: 767px) {

  .nb_ac_teasers_clients {
    grid-template-columns:1fr 1fr !important;
  }

  .nb_ac_bullets_home {
    width:80% !important;
  }

  .nb_ac_bullets_home ul {
    width:100% !important;
  }

}

@media only screen and (max-width: 424px) {

  .nb_ac_teasers_clients {
    grid-template-columns:1fr !important;
  }

  .nb_ac_bullets_home {
    width:100% !important;
  }

}