/*
Theme Name: Astra Child theme of astra
Theme URI: 
Description: Child theme of astra theme for the Astra theme
Author: <a href="https://wpastra.com/about/?utm_source=theme_preview&#038;utm_medium=author_link&#038;utm_campaign=astra_theme">Brainstorm Force</a>
Author URI: 
Template: astra
Version: 4.11.14
*/
h1, h2, h3, h4, h5, h6,
.elementor-heading-title,
.ast-site-title,
.entry-title,
.menu-item a , .footer-width-fixer span,#wsf-1-field-6{
    font-family: 'Oswald', sans-serif !important;
    font-weight: 600;
}

/* Body text uses ABeeZee */
body,
p,
span,a,li,
button,
input,
textarea,
select,
.elementor-widget-text-editor {
    font-family: 'ABeeZee', sans-serif !important;
    font-weight: 400;
}

/* Optional: Nice reading spacing */
body {
    font-size: 16px;
    line-height: 2.2em;
    color: #333;
}
:target {
  scroll-margin-top: 200px !important;
}


/* 2. OPTIONAL: If scroll-padding-top still isn't working, try forcing it with !important */
html {
    scroll-behavior: smooth;
}
#masthead {
    position: sticky;
    top: 0;
    z-index: 999;
    background: #ffffff;
    transition: box-shadow 0.3s ease;
}

/* Add shadow when user scrolls */
#masthead.sticky-active {
    box-shadow: 0px 4px 12px rgba(0,0,0,0.12);
}

.ast-main-header-wrap, 
.ast-primary-header-bar, 
.site-primary-header-wrap {
    background: #ffffff;
    z-index: 555;
}

/* Generated by Orbisius Child Theme Creator (https://orbisius.com/products/wordpress-plugins/orbisius-child-theme-creator/) on Wed, 05 Nov 2025 18:34:46 +0000 */ 
/* The plugin now uses the recommended approach for loading the css files.*/

.page-id-1095 .elementor-image-box-description {
	padding-top: 20px !important;
}


#Our-menu-page {
    background: #022345;
    position: sticky;
    top: 120px !important; /* Or whatever header height is */
    z-index: 554; /* Ensure it's above other content but below header if needed */
	
}
.page-id-1095 h2.elementor-heading-title.elementor-size-default, .cusotm-header h1, .cusotm-header h2 ,.cusotm-header h3 {
	border-top: 5px solid #aa0606;
	border-bottom: 5px solid #aa0606;
	padding: 5px 0;
	display: inline-block;
}
.page-id-1095 h3.elementor-image-box-title {
	font-size: 1.5em !important;
}


.page-id-1095 .elementor-image-box-wrapper img {
	width: 300px !important;
	height: 300px !important;
	align-content: center !important;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 20px !important;
}

.page-id-1095 h3.elementor-image-box-title{
	color: #AA0606 !important;
}
/* Ws forms */

.wsf-button {
	background: #aa0606 !important;
	border-radius: 25px !important;
	border: 2px solid #aa0606 !important;
}

#ws-form-1 {
  max-width: 1200px;   /* adjust width if needed */
  margin: 0 auto;     /* centers the form */
}
#colophon .elementor-widget-container {
	align-content: center !important;
	text-align: center !important;
}
.page-id-2163 .wsf-extra-small-6{
	flex:none !important;
}
.page-id-1523 #wsf-1-fields-13,.page-id-1523 #wsf-1-fields-14 ,.page-id-2163 #wsf-1-fields-13,.page-id-2163 #wsf-1-fields-14  {
	display: block ruby !important;
	margin: 0px 0px !important;
	margin-left: 0px;
	margin-left: -10px !important;
}
.wsf-fields {
  display: flex;
  flex-wrap: wrap;
  justify-content: center; /* center all fields */
  gap: 12px; /* space between fields (optional) */
}

.wsf-field-wrapper {
  flex: 1 1 180px; /* makes fields align nicely and wrap */
}

/* Center the submit button */
#wsp-1-field-wrapper-6,
.wsf-button {
  text-align: center;
}

#wsf-1-fields-5 ,#wsf-1-fields-6, #wsf-1-fields-8{
	display: block ruby;
	margin: 0px 0px !important;
	margin-left: -10px !important;
}


@media (max-width: 480px) {
 #masthead {
	 position: relative;
	top: 0;}
	.page-id-1095 h2.elementor-heading-title.elementor-size-default, .cusotm-header h1, .cusotm-header h2 ,.cusotm-header h3 {
	font-size:1.3em !important;
}
	.page-id-1095 h3.elementor-image-box-title {
	font-size: 1.2em !important;
}
	.page-id-1095 .elementor-image-box-description {
	font-size: 14px !important;
}
	div#wsf-1-field-wrapper-15, div#wsf-1-field-wrapper-16 {
    max-width: 100% !important;
    width: 100% !important;
}
	p{
		font-size:14px;
	}
}
