/*
 Theme Name: Divi Child
 Theme URI: https://www.elegantthemes.com/gallery/divi/
 Description: Divi Child Theme
 Author: Elegant Themes
 Author URI: https://www.elegantthemes.com
 Template: Divi
 Version: 1.0.0
*/
 
/* =Theme customization starts here
------------------------------------------------------- */


/* Reduce submenu padding */
.et_pb_menu .et-menu-nav>ul ul {
    padding: 6px 0;
}

/* Style for Contact Form 7 */



.wpcf7-form input[type="text"],
.wpcf7-form input[type="email"],
.wpcf7-form input[type="url"],
.wpcf7-form input[type="tel"],
.wpcf7-form input[type="number"],
.wpcf7-form textarea,
.wpcf7-form select {
    background-color: transparent; /* Transparent background for inputs and textareas */
    border: 2px solid white; /* White border */
    border-radius: 8px; /* Slight border radius */
    color: white; /* Text color */
    padding: 10px; /* Padding for the fields */
    font-size: 16px; /* Adjust font size */
    width: 100%; /* Full width */
    box-sizing: border-box; /* Include padding and border in width */
}


/* Style for select dropdown */
.wpcf7-form select {
    background-color: #1C1B2D; /* Dark background for select dropdown */
    color: white; /* Text color */
    padding-right: 30px; /* Add padding for the arrow */
    background-image: url('data:image/svg+xml;charset=UTF-8,%3Csvg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"%3E%3Cpath fill="white" d="M4.5 6.5L8 10l3.5-3.5H4.5z"/%3E%3C/svg%3E'); /* Custom arrow */
    background-repeat: no-repeat; /* Prevent repeating of the background */
    background-position: right 10px center; /* Position the arrow */
    background-size: 10px; /* Size of the arrow */
}

/* Optional: Adjust styling for the select dropdown when focused */
.wpcf7-form select:focus {
    border-color: #FED068; /* Change border color on focus */
    outline: none; /* Remove default outline */
}


/* Style for placeholder text */
.wpcf7-form input::placeholder,
.wpcf7-form textarea::placeholder {
    color: white; /* Placeholder color */
    text-transform: uppercase; /* Uppercase text */
    font-weight: bold; /* Bold text */
}

/* Style for labels */
.wpcf7-form label {
    color: white; /* Label color */
    font-size: 14px; /* Adjust font size for labels */
    font-weight: bold; /* Bold labels */
    display: block; /* Display labels as block */
    margin-bottom: 5px; /* Space between label and field */
}

/* Optional: Focus effect */
.wpcf7-form input:focus,
.wpcf7-form textarea:focus,
.wpcf7-form select:focus {
    border-color: #FED068; /* Change border color on focus */
    outline: none; /* Remove default outline */
}

/* Style for submit button */
.wpcf7-form input[type="submit"],
.wpcf7-form button {
    float: right; /* Align button to the right */
    color: #0175AD !important; /* Text color */
    border-width: 0px !important; /* No border */
    border-radius: 100px !important; /* Round corners */
    letter-spacing: 0.16em !important; /* Letter spacing */
    font-size: 14px !important; /* Font size */
    font-weight: 700 !important; /* Bold font */
    text-transform: uppercase !important; /* Uppercase text */
    background-color: #FED068 !important; /* Background color */
    padding-top: 18px !important; /* Padding top */
    padding-right: 36px !important; /* Padding right */
    padding-bottom: 18px !important; /* Padding bottom */
    padding-left: 36px !important; /* Padding left */
    cursor: pointer !important; /* Change cursor to pointer */
    transition: background-color 0.3s; /* Smooth transition for hover effect */
}
.wpcf7-form .et_pb_button:after {
    font-size: 20px !important;
}    
/* Optional: Hover effect for submit button */
.wpcf7-form input[type="submit"]:hover,
.wpcf7-form button:hover {
    background-color: #FFDA7A !important; /* Change background on hover (optional) */
}

/* Active menu item color change to afak blue (mobile) */
body .et_pb_menu_1_tb_header.et_pb_menu ul li.current-menu-item a {
    color: #0274ad !important;
}


/* Quote form select visibility */
body.forminator-hustle-dropdown-fix .forminator-select.forminator-select-dropdown-container--open{
    z-index: 9999999 !important; 
}

/* Forminator RTL problem fix */
.select2-container.forminator-select.forminator-select-dropdown-container--open.select2-container--open {
width: auto !important;
}