/*
 Theme Name:   Astra Child Theme
 Theme URI:    http://averylandservices.com/astra-child
 Description:  Astra Child Theme
 Author:       Josh Otwell
 Author URI:   http://averylandservices.com
 Template:     astra
 Version:      1.0.0
*/

/* Import the parent theme's style.css */
@import url("../astra/style.css");

/* Add your custom CSS below */

/* sticky header. need to work on clearing up the background from the content if this implemented */
/* .site-header {
  position: -webkit-sticky !important;
  position: sticky !important;
  top: 0 !important;
  z-index: 9999 !important;
  background: transparent !important;
  transition: background 0.3s !important;
} */

/****************************************************/
/*Custom header looks like the yellow site buttons*/

/* Style the active menu item to have white text */
.site-header .main-header-menu .menu-item.current-menu-item > a,
.site-header .main-header-menu .menu-item.current-menu-ancestor > a,
.site-header .main-header-menu .menu-item.current_page_item > a,
.site-header .main-header-menu .menu-item.current_page_ancestor > a {
  color: #62615C !important;
  font-weight: bold;
}

.site-header .menu-item a {
    display: inline-block;
    /*adjust padding*/
    padding: 3px 50px; 
    background-color: #FFB100; /* Background color of the button */
    color: #F8F7F3; /* Text color of the button */
    border-radius: 999px; /* Adjust border-radius for rounded corners */
    text-decoration: none;
    transition: background-color 0.3s, color 0.3s; /* Smooth transition for hover effect */
    white-space: nowrap; /* Prevents text from wrapping to maintain button shape */
}

.site-header .menu-item {
  margin-right: 5px;
}


.site-header .menu-item:last-child {
    margin-right: 0;
}

.site-header .menu-item a:hover {
    background-color: #62615C; /* Background color on hover */
    color: #F8F7F3; /* Text color on hover */
}


/***************^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^*/

/*Remove the border from the success message on CF7*/
.wpcf7 .wpcf7-form.sent .wpcf7-response-output {
  border: none !important;
} 
/*Remove the border from the success message on CF7*/

/*****************************************************/

/*custom order form for CF7 here*/

.alsof-cf7-background label {
  font-weight: bold;
  font-size: 18px;
  color: #62615C;
}

.alsof-cf7 { /*set light white background for all inputs except check boxes*/
  background-color: #F8F7F3;
}

.alsof-cf7-row {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.alsof-cf7-column {
    flex: 1;
    min-width: calc(33.333% - 10px); /* Adjusts for three columns with some space between */
    margin-right: 10px;
}

.alsof-cf7-column:last-child {
    margin-right: 0;
}

/*for multiple files chooser*/


/* Hide the default file input */
.wpcf7-form-control.wpcf7-multilinefile.alsof-cf7 {
    display: none;
}

/* Style the custom file input label */
.alsof-cf7-prop-descript-file-btn {
    margin-top: -60px;
    margin-left: 70px;
    display: inline-block;
    padding: 10px 20px; /* Optional: Adjust padding as needed */
    cursor: pointer;
    font-size: 16px; /* Optional: Adjust font size as needed */
    text-align: center;
}


/* Ensure the custom file label spans full width on mobile devices */
@media (max-width: 600px) {
    .alsof-cf7-prop-descript-file-bt {
        width: 100%;
        padding: 10px;
    }
}
/*for multiple files chooser ^^^^^^^^^^^^^^^^^^^^^^^^^^^^*/

#alsof-cf7-send-sub-btn {
    background-color: #62615C !important;
    color: #F8F7F3 !important;
    border: 2px solid #F9C349 !important;
    padding: 10px 20px !important;
    cursor: pointer !important;
    font-size: 16px !important; 
}

#alsof-cf7-send-sub-btn:hover {
    background-color: #F8F7F3 !important; /* Optional: Change background color on hover */
    color: #1E1810 !important;
}

@media (max-width: 768px) {
    .alsof-cf7-row {
        flex-direction: column;
    }
    .alsof-cf7-column {
        min-width: 100%;
        margin-right: 0;
        margin-bottom: 10px;
    }
    .alsof-cf7-column:last-child {
        margin-bottom: 0;
    }
}

/*custom order form for CF7 here ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^*/

/********************************************/

/*******************************************/
/*Quick Quote CF7 starts here*/

/* Container for the entire form */
.alsqqu-cf7-div {
    max-width: 800px; /* Adjust as needed */
/*     max-height: 800px; */
/*     margin: 0 auto; */
    margin: 0;
    padding: 5px;
}

/*This is the quick contact heading*/
.alsqqu-sp-heading {
    margin: 0;
    padding-bottom: 2px;
/*     border: solid 1px red; */
}

/*this is the quality info paragraph from the services page container*/
.alsqqu-sp-p {
    margin-top: -17px;
/*     margin-bottom: -150px; */
/*     border: solid 1px green; */
}

/*this is the info paragraph from the services page container*/
.alsqqu-sp-p-info {
    margin-top: -30px;
}

/* Flexbox for each row */
.alsqqu-cf7-row {
    display: flex;
    flex-wrap: wrap;
    margin-top: -15px;
    margin-bottom: 2px; /* Adjust as needed */
}

/* Each column within a row */
.alsqqu-cf7-column {
    flex: 1;
/*     padding: 10px; */
    padding: 2px;
    margin: 0;
}

/*for the surveys dropdown label*/
#alsqqu-cf7-type-survey-label {
    margin-top: -10px;
}


/*message text area label*/
#alsqqu-cf7-message-label {
    margin-top: -20px;
}

.alsqqu-cf7-div label {
  font-weight: bold;
  font-size: 15px;
  color: #62615C;
  margin-bottom: 1px;
}

/* Ensure labels and inputs span full width of their container */
.alsqqu-cf7-column label {
    display: block;
    width: 100%;
}

/* Target the input fields to reduce space above and below them */
.alsqqu-cf7-div .alsqqu-cf7 {
    margin: 0;
    padding: 2px; /* Adjust this value as needed */
}

/* Make inputs and selects take full width */
.alsqqu-cf7-column input,
.alsqqu-cf7-column select,
.alsqqu-cf7-column textarea {
    width: 100%;
    padding: 5px;
    margin-top: 2px; 
    background-color: #F8F7F3;
}

.wpcf7-textarea#alsqqu-cf7-message {
  height: 60px;
}

/*div that has the indicator text and submit button in it*/
.alsqqu-cf7-req-indicator-sub-btn {
    margin-top: -40px;
}

/* Responsive adjustments for smaller screens */
@media (max-width: 768px) {
    .alsqqu-cf7-row {
        flex-direction: column;
    } 
}

/*Quick Quote CF7 ends here*/
/********************^^^^^^^^^^^^^^^^^^^^^^^^/


/*quick contact CF7 modal starts here*/
/*not working yet*/

/* .alsqcm-cf7-main-div {
  background-color: #F9C349;
}

.alsqcm-cf7-main-div label {
  font-weight: bold;
  font-size: 18px;
  color: #62615C;
}

.alsqcm-cf7 {
  background-color: #F8F7F3;
}
 */

/*quick contact CF7 modal ends here*/
/*quick contact CF7 modal here ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^*/