/*
Theme Name: Astra Child
Theme URI: https://wpastra.com/
Template: astra
Author: Brainstorm Force
Author URI: https://wpastra.com/about/?utm_source=theme_preview&utm_medium=author_link&utm_campaign=astra_theme
Description: Astra is fast, fully customizable & beautiful WordPress theme suitable for blog, personal portfolio, business website and WooCommerce storefront. It is very lightweight (less than 50KB on frontend) and offers unparalleled speed. Built with SEO in mind, Astra comes with Schema.org code integrated and is Native AMP ready so search engines will love your site. It offers special features and templates so it works perfectly with all page builders like Elementor, Beaver Builder, Visual Composer, SiteOrigin, Divi, etc. Some of the other features: # WooCommerce Ready # Responsive # RTL & Translation Ready # Extendible with premium addons # Regularly updated # Designed, Developed, Maintained & Supported by Brainstorm Force. Looking for a perfect base theme? Look no further. Astra is fast, fully customizable and WooCommerce ready theme that you can use for building any kind of website!
Tags: custom-menu,custom-logo,entertainment,one-column,two-columns,left-sidebar,e-commerce,right-sidebar,custom-colors,editor-style,featured-images,full-width-template,microformats,post-formats,rtl-language-support,theme-options,threaded-comments,translation-ready,blog
Version: 4.8.6.1732393700
Updated: 2024-11-23 21:28:20

*/


/*Header*/
.site-header {
    background-color: transparent !important; /* Transparent background by default */
    position: relative; /* Start as relative */
    top: 0; /* Keep it at the top of the page */
    z-index: 9999; /* Ensure the header stays above other content */
    transition: background-color 0.3s ease, box-shadow 0.3s ease, transform 0.3s ease; /* Smooth transition */
}

/* When the header becomes sticky, ensure background stays transparent */
.site-header.sticky {
    background-color: transparent !important; /* Transparent when sticky */
}

/* When scrolling, apply sticky behavior with smooth transition */
.site-header.scrolled {
    position: fixed !important; /* Change position to fixed for sticky effect */
    background-color: #ffffff !important; /* White background when scrolled */
    box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.1) !important; /* Shadow for contrast */
    transform: translateY(0); /* Smooth the transition when it sticks */
	width: 100%;
}

/* Ensure no background from parent elements affects the sticky header */
.ast-site-identity, .ast-primary-header-bar, .ast-main-header-bar {
    background-color: transparent !important;
}





/*Industries on Homepage*/
.homepage-industry-small{
	letter-spacing: 3px;
	background: #1A9446;
}

.homepage-icon{
	font-size: 3em !important;
  transition: transform 0.3s ease, color 0.3s ease; /* Smooth transition for growth and color change */
}

.homepage-icon:hover {
  transform: scale(1.2); /* Icon grows to 120% of its size */
  color: #ffffff; /* Optional: change color on hover */
}

.industries-wrapper{
	padding-top: 25px;
	width: 100%;
}

.industries-icon-text-wrapper{
	min-width: 300px;
}

@media (max-width: 1024px) {
	.industries-icon-text-wrapper{
		min-width: 50px;
	}
	
	.homepage-cover-overlay-wrapper{
		padding-top: 80px !important;
		padding-left: 0vw !important;
		padding-right: 0vw !important;
	}
	
	.homepage-cover-overlay{
		max-width: 100% !important;
	}
}


/*News on Homepage*/
.news_homepage ul li {
    border: 2px solid; /* Add your preferred border color */
    background-color: #111821; /* Add your preferred background color */
    padding: 15px; /* Optional: Add padding inside the li */
    margin: 10px; /* Optional: Add spacing between li elements */
    border-radius: 14px; /* Optional: Add rounded corners */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* Optional: Add a subtle shadow */
	color: white;
}

.news_homepage ul li a{
	color: white;
}







/* Contact Footer*/
.contact-card-wrapper {
  width: 100%;
  min-height: 280px;
  display: flex;
  justify-content: center;
  align-items: center;
  /*background-color: #001d3d; /* Dark blue background */
}

.contact-card {
  /*background-color: rgba(0, 0, 0, 0.6); /* Semi-transparent black */
  padding: 20px 30px;
  border-radius: 12px;
  text-align: left;
  width: 100%;
  min-height: 280px;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.5);
}

.contact-card h2 {
  font-size: 24px;
  margin-bottom: 15px;
  color: #ffffff; /* White text for heading */
}

.contact-item {
  display: flex;
  align-items: center; /* Ensures vertical alignment */
  margin-bottom: 10px; /* Add consistent spacing */
}

.contact-item .icon {
  font-size: 20px;
  color: #4dabf7;
  margin-right: 10px;
  line-height: 1; /* Ensures icon height matches text */
}

.contact-item p {
  margin: 0;
  font-size: 16px; /* Text size as requested */
  color: #ffffff;
  line-height: 1.5; /* Adjust line height for better spacing */
}







/* Quick Links Footer*/
.quick-links-wrapper {
	width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.quick-links-card {
  /*background-color: rgba(0, 0, 0, 0.6); /* Semi-transparent black */
  padding: 20px 30px;
  border-radius: 12px;
  text-align: left;
  width: 100%;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.5);
}

.quick-links-card h2 {
  font-size: 24px;
  margin-bottom: 15px;
  color: #ffffff; /* White text for heading */
}

.quick-links-list {
  list-style: none;
  padding: 0;
  margin: 0;
}

.quick-links-list li {
  margin-bottom: 10px;
}

.quick-links-list li a {
  color: #1A9446; /* Light blue link color */
  font-size: 16px;
  text-decoration: none;
  transition: color 0.3s ease;
}

.quick-links-list li a:hover {
  color: #1A9446; /* Slightly brighter blue on hover */
  text-decoration: underline;
}

/* News */
ul.news-group {
    display: grid; /* Use Grid for stricter layout control */
    grid-template-columns: repeat(3, 1fr); /* 3 equal-width columns */
    gap: 20px; /* Spacing between items */
    list-style: none; /* Removes default bullet points */
    padding: 0;
    margin: 0;
}

ul.news-group > li {
    display: flex; /* For internal layout control */
    flex-direction: column; /* Ensures content stacks vertically */
    align-items: stretch; /* Makes child elements stretch */
    justify-content: space-between; /* Optional: Adjust vertical spacing */
    box-sizing: border-box; /* Includes padding/borders in size */
    min-height: 300px; /* Adjust as needed */
}


/* Optional: Add a min-height if needed */
ul.news-group > li {
    min-height: 300px; /* Adjust based on your design */
}

/* Ensures consistent height for nested divs inside li */
ul.news-group > li > div {
    flex: 1; /* Stretches content to fill parent */
}

.news-single-group{
	display: flex;
    flex-direction: column; /* Stacks elements inside the group */
    justify-content: flex-start; /* Ensures the date is pushed to the bottom */
    height: 100%;
}

.news-title-and-text{
	display: flex;
    flex-direction: column; /* Stacks elements inside the group */
    justify-content: flex-start; /* Ensures the date is pushed to the bottom */
    height: 100%;
}


.space-and-date{
    align-self: flex-end; /* Optional: aligns the date to the left (or center/right as needed) */
}




@media (max-width: 1024px) {
	.news-cover{
		padding-right: 10% !important;
		padding-left: 10% !important;
	}
}






/*Contactform*/
.wpforms-container{
	width: 70% !important;
}


/* Submenu */
ul.sub-menu{
	background-color: rgba(255, 255, 255, 0.5) !important;
}


@media (max-width: 1024px) {
	.has-x-large-font-size{
		font-size: 35px !important;
	}
}