/*
Theme Name: Salient Child Theme
Description: This is a custom child theme for Salient
Theme URI:   https://themeforest.net/item/salient-responsive-multipurpose-theme/4363266
Author: ThemeNectar
Author URI:  https://themeforest.net/user/themenectar
Template: salient
Version: 1.0
*/


@font-face {
    font-family: 'Birdseye', sans-serif;
    src: url("fonts/birdseye.woff2");
}
body #header-outer[data-transparent-header="true"].transparent {
 border-bottom: 0px !important;
}
#header-outer:not([data-format="left-header"]) #top > .container > .row nav >ul > li >a { padding: 12px 20px !important; }
 #header-outer:not(.small-nav) #top > .container > .row nav >ul > li.current-menu-item > a { border: solid 1px #000 !important ; }

 #header-outer.small-nav #top > .container > .row nav >ul > li.current-menu-item > a { border: solid 1px #fff !important ; }
#header-outer:not([data-format="left-header"]) #top > .container > .row nav >ul > li.menu-item-over >a:hover { opacity: 0.6; }
@media screen and (min-width: 999px){
	#header-outer.small-nav header > .container { padding-top: 5px; padding-bottom: 5px; }
}
.homepage-form-col:not(.no-padding) > .vc_column-inner > .wpb_wrapper { padding: 20px 20px; }
.homepage-form-col h1 { margin-top: 40px; margin-bottom: 80px; }
.homepage-form-col .wpcf7-form {
    max-width: 100%;
}

/* Name fields (First and Last) in same row */
.homepage-form-col .wpcf7-form p:first-of-type {
    display: flex;
}
.homepage-form-col .wpcf7-form p:first-of-type > label {
	flex-grow: 1;
}
.homepage-form-col .name-row {
    display: flex;
    gap: 10px;
    margin-bottom: 15px;
}

.homepage-form-col .wpcf7-form p:first-of-type .wpcf7-form-control-wrap {
    flex: 1;
    margin-right: 10px;
}

.homepage-form-col .wpcf7-form p:first-of-type .wpcf7-form-control-wrap:last-child {
    margin-right: 0;
}

/* Address section styling */
.homepage-form-col .address-row-1,
.homepage-form-col .address-row-2,
.homepage-form-col .address-row-3 {
    display: flex;
    gap: 10px;
    margin-bottom: 10px;
}

.homepage-form-col .address-row-1 .wpcf7-form-control-wrap {
    flex: 1;
}

.homepage-form-col .address-row-2 .wpcf7-form-control-wrap {
    flex: 1;
}

.homepage-form-col .address-row-3 .wpcf7-form-control-wrap {
    flex: 1;
}

/* All form inputs styling */
.homepage-form-col .wpcf7-form input[type="text"],
.homepage-form-col .wpcf7-form input[type="email"],
.homepage-form-col .wpcf7-form input[type="tel"],
.homepage-form-col .wpcf7-form textarea,
.homepage-form-col .wpcf7-form select {
    width: 100%;
    box-sizing: border-box;
    padding: 10px;
    border: 1px solid #ddd;
    border-radius: 4px;
    font-size: 14px;
}

/* Form labels */
.homepage-form-col .wpcf7-form label {
    font-weight: bold;
    margin-bottom: 5px;
    display: block;
}

/* Submit button */
.homepage-form-col .wpcf7-form input[type="submit"] {
    background-color: #007cba;
    color: white;
    padding: 12px 24px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    font-size: 16px;
    font-weight: bold;
}

.homepage-form-col .wpcf7-form input[type="submit"]:hover {
    background-color: #005a87;
}

/* Responsive design */
@media (max-width: 768px) {
    .homepage-form-col .address-row-1,
    .homepage-form-col .address-row-2,
    .homepage-form-col .address-row-3,
    .homepage-form-col .wpcf7-form p:first-of-type {
        flex-direction: column;
    }
    
    .homepage-form-col .wpcf7-form p:first-of-type .wpcf7-form-control-wrap {
        margin-right: 0;
        margin-bottom: 10px;
    }
}

/* Colors */

/* All form inputs styling with black background and white borders */
.homepage-form-col .wpcf7-form input[type="text"],
.homepage-form-col .wpcf7-form input[type="email"],
.homepage-form-col .wpcf7-form input[type="tel"],
.homepage-form-col .wpcf7-form textarea,
.homepage-form-col .wpcf7-form select {
    width: 100%;
    box-sizing: border-box;
    padding: 10px;
    border: 1px solid white;
    border-radius: 4px;
    font-size: 14px;
    background-color: black;
    color: white;
}

/* Placeholder styling - white with 50% opacity */
.homepage-form-col .wpcf7-form input::placeholder,
.homepage-form-col .wpcf7-form textarea::placeholder {
    color: rgba(255, 255, 255, 0.5);
}

/* Select dropdown styling */
.homepage-form-col .wpcf7-form select option {
    background-color: black;
    color: white;
}

/* Form labels */
.homepage-form-col .wpcf7-form label {
    font-weight: bold;
    margin-bottom: 5px;
    display: block;
    color: white;
	flex-grow: 1;
}

/* Submit button */
.homepage-form-col .wpcf7-form input[type="submit"] {
    background-color: #007cba;
    color: white;
    padding: 12px 24px;
    border: 1px solid white;
    border-radius: 4px;
    cursor: pointer;
    font-size: 16px;
    font-weight: bold;
}

.homepage-form-col .wpcf7-form input[type="submit"]:hover {
    background-color: #005a87;
}

/* Focus states */
.homepage-form-col .wpcf7-form input:focus,
.homepage-form-col .wpcf7-form textarea:focus,
.homepage-form-col .wpcf7-form select:focus {
    outline: none;
    border-color: rgba(255, 255, 255, 0.8);
    box-shadow: 0 0 5px rgba(255, 255, 255, 0.3);
}
.homepage-form-col .wpcf7-form p { padding-bottom: 0px !important; }
.homepage-form-col .input-group { margin-bottom: 20px; }
/* Add margin-top to form control wraps that are NOT in address rows */
.homepage-form-col .wpcf7-form .wpcf7-form-control-wrap:not(.address-row-1 .wpcf7-form-control-wrap):not(.address-row-2 .wpcf7-form-control-wrap):not(.address-row-3 .wpcf7-form-control-wrap) {
    margin-top: 10px;
}

/* Alternative approach - target specific sections */
.homepage-form-col .name-row .wpcf7-form-control-wrap {
    margin-top: 10px;
}

.homepage-form-col .address-group > p > label { margin-bottom: 10px; }
.homepage-form-col span.wpcf7-not-valid-tip, .wpcf7-form .wpcf7-not-valid-tip, div.wpcf7-response-output, .wpcf7 .wpcf7-response-output { background-color:transparent !imporant; background: transparent !important; }
input.wpcf7-form-control.wpcf7-submit.has-spinner, body[data-form-submit="regular"] .container-wrap input[type=submit] {
    background: transparent;
    text-transform: uppercase;
    border-radius: 0px;
    padding: 12px 30px !important;
}
.nectar-button.medium, .nectar-button.medium, .nectar-button.medium { padding: 8px 30px !important; }
.nectar-button { border-radius: 0px !important; }
.original[data-form-style="default"] input[type=text]:focus, .original[data-form-style="default"] textarea:focus, .original[data-form-style="default"] input[type=email]:focus, .original[data-form-style="default"] input[type=search]:focus, .original[data-form-style="default"] input[type=password]:focus, .original[data-form-style="default"] input[type=tel]:focus, .original[data-form-style="default"] input[type=url]:focus, .original[data-form-style="default"] input[type=date]:focus {
	 background-color: transparent;
}
#slide-out-widget-area[data-dropdown-func="separate-dropdown-parent-link"] .off-canvas-menu-container li { margin: 16px 0px !important; }
#slide-out-widget-area.fullscreen .inner, #slide-out-widget-area.fullscreen-alt .inner { top: 18% !important; }
@media only screen and (max-width: 690px) {
	.container.main-content { max-width: 100% !important; padding: 0px 20px !important; }
}