/**
Theme Name: Astra Child
Author: Brainstorm Force
Author URI: http://wpastra.com/about/
Description: Astra is the fastest, fully customizable & beautiful theme suitable for blogs, personal portfolios and business websites. 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 so search engines will love your site. Astra offers plenty of sidebar options and widget areas giving you a full control for customizations. Furthermore, we have included special features and templates so feel free to choose any of your favorite page builder plugin to create pages flexibly. Some of the other features: # WooCommerce Ready # Responsive # Compatible with major plugins # 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 beautiful theme!
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.site-header,
footer.site-footer {
    display: none;
}

.elementor-widget-text-editor p {
    margin-bottom: 0.75em;
}


.elementor-widget-text-editor p:last-child {
    margin-bottom: 0;
}

/* -----------------------------------------------
Contact Form Styling
-------------------------------------------------*/

/* Placeholder text fully visible */
.contact-form form input::placeholder {
	opacity: 1 !important;
}

/* Input fields (excluding checkboxes) styling */
.contact-form form input:not([type="checkbox"]),
.contact-form form input:not([type="checkbox"]):focus {
	min-height: 2.42vw !important;
	height: 2.42vw !important;
	padding: 0.5vw 0.75vw !important;
	outline: none !important;
	box-shadow: none !important;
	border: 1px solid transparent !important;
	border-image-source: radial-gradient(50% 387.27% at 50% 50%, #128ECE 0%, #106699 20%, #0F4973 37%, #0F385C 51%, #0F3254 60%) !important;
	border-image-slice: 1 !important;
	transition: border-color 0.3s ease, box-shadow 0.3s ease !important;
}

/* Flex layout for checkbox + label combinations */
.contact-form form .elementor-field-option {
	display: flex !important;
	align-items: flex-start;
	gap: 0.25vw;
}

/* Labels & field option text styling */
.contact-form form .elementor-field-option {
	line-height: 1.3em !important;
}

.contact-form form label {
	font-family: "Almoni Tzar AAA", Sans-serif !important;
	font-size: 0.73vw !important;
	font-weight: 300 !important;
	line-height: 1.3em !important;
	margin-top: -0.1vw;
}

/* Checkbox appearance */
.contact-form form input[type="checkbox"] {
	appearance: none !important;
    max-width: 0.6vw;
    max-height: 0.6vw;
	width: 100%;
    height: 100%;
	background: transparent;
	border: 1px solid transparent !important;
	border-image-source: radial-gradient(50% 387.27% at 50% 50%, #128ECE 0%, #106699 20%, #0F4973 37%, #0F385C 51%, #0F3254 60%) !important;
	border-image-slice: 1 !important;
}

/* Checked state with custom SVG */
.contact-form form input[type="checkbox"]:checked {
	background: url('https://wordpress-1540908-5995912.cloudwaysapps.com/wp-content/uploads/2025/11/svgviewer-output.svg') no-repeat center;
	background-size: 180% auto;
}

/* Submit button styling */
.contact-form form button[type="submit"] {
	height: 2.42vw !important;
	padding: 0.4vw 4vw !important;
	background: radial-gradient(35.61% 294.03% at 50% 49.99%, #128ECE 0%, #106699 20%, #0F4973 37%, #0F385C 51%, #0F3254 60%) !important;
}

/* Field order for layout */
.contact-form form .elementor-field-type-text { 
	order: 1;
}
.contact-form form .elementor-field-type-tel { 
	order: 2; 
}
.contact-form form .elementor-field-type-email { 
	order: 3;
}
.contact-form form .elementor-field-type-submit { 
	order: 4;
}
.contact-form form .elementor-field-type-checkbox { 
	order: 5; 
	margin-top: 1.16vw; 
}

/* -----------------------------------------------
Video Slider Styling
-------------------------------------------------*/
.video-slider div {
	position: relative;
}

/* General video styling in slider */
.video-slider .slick-slide video {
	width: 100% !important;
	height: 45.73vw !important;
	display: block !important;
	border-radius: 0;
	opacity: 0;
	object-fit: cover;
	transition: opacity 0.5s ease;
}

/* Show only current slide video */
.video-slider .slick-current video {
	opacity: 1;
}

.video-slider .video-placeholder {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	z-index: 10;
}


@media (max-width: 767px) {
	.video-slider .slick-slide video {
		height: 48.25vw !important;
	}

	.contact-form form .elementor-field-group {
		margin-bottom: 2.63vw !important;
	}

	.contact-form form input:not([type="checkbox"]),
	.contact-form form input:not([type="checkbox"]):focus {
		min-height: 10.31vw !important;
		height: 10.31vw !important;
		padding: 1vw 3vw !important;
	}
	
	.contact-form form .elementor-field-option {
	gap: 2.5vw;
}


	.contact-form form input[type="checkbox"] {
		appearance: none !important;
		max-width: 2.8vw;
		max-height: 2.8vw;
	}

	.contact-form form label,
	.contact-form form .elementor-field-option {
		font-size: 3vw !important;
	}

	.contact-form form button[type="submit"] {
		min-height: 10.31vw !important;
		height: 10.31vw !important;
		padding: 1vw 3vw !important;
	}

	.contact-form form .elementor-field-type-checkbox { 
		margin-top: 2vw; 
	}


}