/**
Theme Name: Astra Child
Author: Brainstorm Force
Author URI: http://wpastra.com/about/
Description: Child Astra Pro Theme for National Safety Council
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: astra-child
Template: astra
*/

/* header */

.ast-primary-header-bar {
  background-color: #fff;
  background-image: none;
	padding-bottom: 0px;
	border-bottom: 1px solid #ddd;	
}
.main-header-bar {
	border-bottom: 1px solid #ccc;
}
.ast-breadcrumbs-wrapper {
	padding-top: 40px;	
}

.bghdr h1, .bghdr h3 {
	text-shadow: 1px 1px 3px #333;
}

/* Base overlay rules for all bghdr rows */
.bghdr {
    position: relative;
    overflow: hidden;
    border-bottom-right-radius: 80px;
}

.bghdr > * {
    position: relative;
    z-index: 2; /* content above overlay */
}

.bghdr-overlay {
    position: absolute !important;
    top: 0; left: 0;
    width: 100%; height: 100%;
    pointer-events: none;
    z-index: 1;
	will-change: opacity, transform;
    transform: translateZ(0);
}

/* Colors */
.bghdr-green .bghdr-overlay {
    background: linear-gradient(
        to right,
        rgba(13, 105, 54, 0.8),
        rgba(11, 132, 65, 0.3)
    );
}
.bghdr-blue .bghdr-overlay {
    background: linear-gradient(
        to right,
        rgba(0, 86, 137, 0.8),
        rgba(0, 46, 74, 0.3)
    );
}
.bghdr-darkblue .bghdr-overlay {
    background: linear-gradient(
        to right,
        rgba(15, 23, 42, 0.8),
        rgba(0, 46, 74, 0.3)
    );
}
.bghdr-gray .bghdr-overlay {
    background: linear-gradient(
        to right,
        rgba(90, 97, 101, 0.8),
        rgba(102, 102, 102, 0.3)
    );
}

/* start fully hidden content but overlay visible */
.bghdr {
  opacity: 0;
  transition: opacity 2s ease-in;
  position: relative;
}

.bghdr.loaded {
  opacity: 1;
}

/* overlay starts fully opaque to hide background */
.bghdr-overlay {
  opacity: 1;
  transition: opacity 2s ease-in;
}

/* after load, fade overlay slightly */
.bghdr.loaded .bghdr-overlay {
  opacity: 0.7; /* adjust as needed for gradient */
}




/* buttons */
.vc_btn3.vc_btn3-color-blue.vc_btn3-style-modern { background-color: #005689 !important; background-image: none; text-decoration: none; }
.vc_btn3.vc_btn3-color-blue.vc_btn3-style-modern:hover { background-color: #002e4a !important; }

/* forms */
input[type=email], input[type=number], input[type=password], input[type=reset], input[type=search], input[type=tel], input[type=text], input[type=url], select, textarea {
	border-color: #999;
}

/* body */

.ast-plain-container, .ast-page-builder-template {
    background-color: #f2f2f2;
    background-image: none;
}

#ast-scroll-top {
	background-color: #005689 !important;
}

/* footer */

.site-footer { margin-top: 60px; background-color: #e8e8e8; }
.site-below-footer-wrap {
    background-color: #e8e8e8;
    padding-top: 50px;  
}

@media (max-width: 921px) {
    .ast-plain-container, .ast-page-builder-template {
        background-color: #f2f2f2;
        background-image: none;
    }
}

/* mobile */

[data-section="section-header-mobile-trigger"] .ast-button-wrap .ast-mobile-menu-trigger-minimal {
	background-color: #00853e;
}

@media (max-width: 767px) {
	.bghdr h1 {
		font-size: 24px;
		font-weight: 700;
	}
	.bghdr h3 {
		font-size: 1.2rem;
		font-weight: 500;
	}
	.hide-on-mobile {
		display: none;
	}
}