/**
 * Theme Name:   NO.Brainer Astra Child
 * Description:  HisDesigns starter child theme for Astra. Includes fixes for
 *               Astra, Elementor, and WordPress that should have shipped by now.
 * Author:       HisDesigns
 * Author URI:   https://hisdesigns.org
 * Template:     astra
 * Version:      1.0.0
 * Text Domain:  nobrainer-astra-child
 */


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

  /*Nav + mobile menu bg*/
  --nb_ac_nav_color:#fff;
  
  /*Nav + mobile menu bg*/
  --nb_ac_nav_color_hover:#ffffffb3;    

  /* -- Layout ----------------------------------------------- */
  --nb_ac_container_padding:      50px;
  --nb_ac_container_padding_half: 25px;
  --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, .entry-content h2 {
  color: var(--ast-global-color-1);
}

.entry-content img,
footer.site-footer .nb_ac_latest_posts.wp-block-latest-posts__list img {
  border-radius:10px !important;
}

.entry-content .hd_slider img {
  border-radius:0px !important;
}


.wp-block-button .wp-block-button__link,
.wp-block-search .wp-block-search__button,
body .wp-block-file .wp-block-file__button,
a.ast-custom-button-link div.ast-custom-button,
.gform_button.button,
.nb_ac_button_primary .elementor-button,
.hd_button_blue .elementor-button,
.elementor-widget-button .elementor-button,
.elementor-widget-button .elementor-button:visited,
.nb_ac_btn a,
.hd_btn a,
input.submit,
a.comment-reply-link,
input.wpcf7-submit,
button.wpcf7-submit,
a.button,
a.button:visited {
  background-color: var(--nb_ac_brand_primary) !important;
  color: #fff !important;
  font-size: 22px !important;
  font-weight: normal !important;
  padding: 10px 20px !important;
  transition: 0.3s !important;
  width: auto !important;
  border-radius: 10px !important;
  display: inline-block !important;
  text-decoration: none !important;
  text-align: center !important;
  border: 0px solid #000 !important;
}

.nb_ac_button_alt .elementor-button,
.nb_ac_button_alt .elementor-button:visited,
.hd_button_alt .elementor-button,
.hd_button_alt .elementor-button:visited {
  background-color: var(--ast-global-color-1) !important;
  text-transform: uppercase;
  border: 0px solid var(--nb_ac_brand_gray) !important;
}



.e-font-icon-svg {
  fill: #fff;
}



.site-header {
  background: var(--nb_ac_color_primary);
  width: 100% !important;
  height: auto !important;
  padding-top: 20px;
  padding-bottom: 20px;
}

.site-header-primary-section-right {
  flex-direction: column;
}

.site-header-primary-section-right .header-widget-area {
  text-align:right;
  width:100%;
  padding-right:5px !important;
}



.site-header-primary-section-right .sub-menu {
  text-align: left !important;
  background: var(--nb_ac_color_primary) !important;
}







.site-navigation #ast-hf-menu-1 > li.menu-item a.menu-link {
  color: var(--nb_ac_nav_color) !important;
  padding: 10px 11px !important;
  font-size: 18px !important;
  font-weight: normal !important;
  line-height: 18px !important;
}

.site-navigation #ast-hf-menu-1 > li.menu-item a.menu-link:hover,
.site-navigation #ast-hf-menu-1 > li.menu-item a.menu-link:active,
.site-navigation #ast-hf-menu-1 > li.menu-item a.menu-link:visited {
  color: var(--nb_ac_nav_color_hover) !important;
}

.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 {
  background-color: var(--ast-global-color-1) !important;
}

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

#ast-mobile-header .mobile-menu-toggle-icon .ast-mobile-svg {
  color: var(--nb_ac_nav_color) !important;
  fill: var(--nb_ac_nav_color) !important;
}

.ast-builder-menu-mobile .main-navigation .main-header-menu {
  border-top: 0px !important;
  border-bottom: 0px !important;
}

.ast-main-header-nav-open .ast-mobile-header-content {
  max-width: 400px !important;
  z-index: 200 !important;
  top:134px !important;
  /*top: var(--nb_ac_fixed_header_voffset) !important;*/
}

.ast-builder-menu-mobile .main-navigation .main-header-menu .menu-item > .menu-link {
  padding: 10px 30px !important;
  height: auto !important;
  line-height: 1em !important;
  color:  var(--nb_ac_nav_color) !important;
  font-size: 16px !important;
  font-weight: bold !important;
  border: 0px !important;
}

.ast-builder-menu-mobile .main-navigation .main-header-menu .menu-item .ast-menu-toggle {
  color: var(--nb_ac_nav_color) !important;
}





footer.site-footer {
  background:var(--nb_ac_color_black) !important;
}

.site-above-footer-wrap {
  padding-bottom:var(--nb_ac_container_padding) !important;
}

.site-below-footer-wrap {
  padding-top:var(--nb_ac_container_padding) !important;
}

.site-primary-footer-wrap[data-section="section-primary-footer-builder"] .ast-builder-grid-row,
.site-primary-footer-wrap[data-section="section-primary-footer-builder"] .site-footer-section {
  align-items: center;
}

.site-footer-primary-section-1,
.site-footer-primary-section-2,
.site-footer-primary-section-3 {
  text-align: center !important;
}

.site-below-footer-wrap .ast-builder-grid-row {
  text-align: center !important;
}




/* Slider */

.hd_slider h1.hd_nbs_slider_slide_main_header,
.hd_slider h2.hd_nbs_slider_slide_sub_header {
  margin-bottom:30px !important;
}







/* Sections */


.nb_ac_section_bg_gold,
.hd_section_bg_gold {
  background: var(--ast-global-color-1) !important;
}

.nb_ac_section_bg_gold h2,
.hd_section_bg_gold h2 {
  color:var(--ast-global-color-2);
}

.nb_ac_section_bg_green,
.hd_section_bg_green {
  background: var(--nb_ac_brand_primary) !important;
}



/* Teasers */




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

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

}

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

  .site-header-primary-section-right .header-widget-area .widget_block {
    padding-right:5px !important;
  }

}

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

  .nb_ac_teasers:not(.nb_ac_teasers_5) > .e-grid {
    grid-template-columns: 1fr 1fr !important;
  }

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

}

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

  .nb_ac_teasers:not(.nb_ac_teasers_5) > .e-grid {
    grid-template-columns: 1fr !important;
  }

  .nb_ac_teasers:not(.nb_ac_teasers_5) > .e-grid img {
    padding-bottom:var(--nb_ac_container_padding_half);
  }

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

}