/*
 Theme Name:   Astra Child
 Theme URI:    https://example.com/astra-child
 Description:  Astra Child Theme
 Author:       Your Name
 Author URI:   https://example.com
 Template:     astra
 Version:      1.0.0
*/

@import url("../astra/style.css");





/* ----------------------------------------------------------------------------*/
/* Define CSS Variables */

:root {
    --light-gray: #EFEFF0;
    --e-global-color-secondary: #333;
    --e-global-color-accent: #F69A1F;
	--e-global-color-gray-90: #E6E6E6;
    --e-global-color-gray-60: #969699; /* #999; */
    --e-global-color-text-main: #000;
	--e-global-color-gray-20: #333333;
	--e-global-color-gray-10: #1A1A1A;
    /*--global-gray-60: #969699;*/
    /*--global-text-color: #000;*/
}

/*---------------------------------------------------------------------------- */







/* ----------------------------------------------------------------------------*/
/* SERVICES-Page Template */


/*---------------------------------------------------------------------------- */







/* ----------------------------------------------------------------------------*/
/* Quotemark-SVG */

.quotemark-png {
    display: block;
    width: 71.09px; /* Set the default width */
    height: auto; /* Maintain aspect ratio */
    min-width: 71.09px; /* Prevent shrinking */
    max-width: 100%; /* Allow responsiveness */
}

/*---------------------------------------------------------------------------- */






/* ----------------------------------------------------------------------------*/
/*LANDING PAGE */
/* Testimonial Slider Container */

/*---------------------------------------------------------------------------- */







/* ----------------------------------------------------------------------------*/
/* Font Embeding */
@font-face {
  font-family: "Adobe Garamond Pro";
  font-style: italic;
  font-weight: 400;
  src: url("https://wieldvision.com/wp-content/uploads/fonts/AGaramondPro-SemiboldItalic.woff2") format("woff2"),
       url("https://wieldvision.com/wp-content/uploads/fonts/AGaramondPro-SemiboldItalic.woff") format("woff");
}


.special-text {
  font-family: 'Adobe Garamond Pro', serif;
  font-weight: 600;
  font-style: italic;
}

.special-text-accent {
  color: var(--e-global-color-accent) !important;
  font-family: 'Adobe Garamond Pro', serif;
}

/*---------------------------------------------------------------------------- */







/* ----------------------------------------------------------------------------*/
/* Newsletter Form Styles */
.newsletter-form {
    width: auto;
    margin-left: auto; /* Align left */
    margin-right: 0;
}

.newsletter-form .form-group {
    display: flex;
    gap: 0px;
    max-width: 800px;
    width: auto;
    align-items: center;
    justify-content: space-between;
    height: 64px; /* Fixed height for form */
    border-bottom: 4px solid var(--e-global-color-accent); /* Continuous bottom border */
}

.newsletter-form .form-group input[type="email"] {
    min-width: 220px;
    padding: 0px;
    font-size: 16px;
    color: var(--e-global-color-gray-60); /* Set input text color */
    border: none;
    background-color: transparent;
    outline: none;
    height: 100%;
    width: 100%;
}

.newsletter-form .form-group input[type="email"]::placeholder {
    height: 100%;
    color: var(--e-global-color-gray-60); /* Set placeholder text color to dark gray */
    font-size: 16px;
}

.newsletter-form .form-group input[type="submit"] {
    width: auto; /* Fixed width for button */
    height: 100%;
    padding: 0px;
    font-size: 24px;
    font-weight: bold;
    text-transform: capitalize; /* Capitalize button text */
    color: #ffff;
    border: none;
    background-color: transparent;
    cursor: pointer;
    transition: color 0s ease; /* Transition for text color */
}

.newsletter-form .form-group input[type="submit"]:hover {
    color: var(--e-global-color-accent); /* Change text color on hover */
    background-color: transparent; /* Ensure background remains transparent */
}

@media (max-width: 767px) {
    
    .newsletter-form {
        width: auto;
        /*margin-left: auto ; /* Align left */
        margin-right: auto;
        max-width: 400px;
    }
    .newsletter-form .form-group {
        border-bottom: none; /* Remove bottom border for the input field */
        flex-direction: column;
        align-items: flex-start;
        height: auto; /* Adjust height for mobile */
    }

    .newsletter-form .form-group input[type="email"] {
        border-bottom: 4px solid var(--e-global-color-accent); /* Continuous bottom border */
        height: 64px;                
    }

    .newsletter-form .form-group input[type="submit"] {
        align-self: flex-end; /* Align the button to the right */
        width: auto; /* Ensure button doesn't stretch full width */
        height: 64px;
    }
}

/*----------------------------------------------------------------------------*/