/*
Theme Name: Carmelina Child
Theme URI: http://demo.7iquid.com/carmelina/
Author: 7iquid
Author URI: http://themeforest.net/user/7iquid
Template: carmelina
Description: Carmelina is the best of hotel booking theme that you had selected.  A perfect solution with a sleek and modern design, fully responsive and easy to customize with the Elementor builder. The layout is fully responsive, ensuring that your website will look great on all devices, including desktops, laptops, tablets, and smartphones. Carmelina is also highly customizable, allowing you to easily modify the layout, colors, and fonts to match your brand and style.
Version: 1.0.0
License: ThemeForest
License URI: https://themeforest.net/licenses
Text Domain: carmelina-child
Tags: hotel, booking, reservation, resort, room, hostel, travel, vacation, hotel theme, hotel wordpress, hotel booking, hotel city, hotel beach, hotel luxury, hotel mountain, hotel wedding, hotel golf, hotel restaurant, rooms, apartment, accommodation, travel, rent, elementor
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

/* General Form Styling */
#wpforms-17484 {
    font-family: 'Arial', sans-serif;
    background-color: #f9f9f9;
    border-radius: 10px;
    padding: 20px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

#wpforms-17484 .wpforms-page-indicator .wpforms-page-indicator-bar {
    background-color: #3498db;
    height: 100%;
    border-radius: 20px;
}

/* Text Inputs */
#wpforms-17484 input[type="text"], 
#wpforms-17484 input[type="email"], 
#wpforms-17484 input[type="url"], 
#wpforms-17484 input[type="number"], 
#wpforms-17484 textarea {
    width: 100%;
    padding: 10px;
    border: 1px solid #ddd;
    border-radius: 5px;
    font-size: 16px;
    transition: border-color 0.3s;
}

#wpforms-17484 input[type="text"]:focus, 
#wpforms-17484 input[type="email"]:focus, 
#wpforms-17484 input[type="url"]:focus, 
#wpforms-17484 input[type="number"]:focus, 
#wpforms-17484 textarea:focus {
    border-color: #3498db;
    outline: none;
}

/* Radio Button Container */
#wpforms-17484 .wpforms-field-radio {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}

/* Hide the default radio button */
#wpforms-17484 input[type="radio"] {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    position: absolute;
    visibility: hidden;
}

/* Custom Radio Button Style */
#wpforms-17484 input[type="radio"] + label::before {
    content: '';
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-right: 10px;
    border: 2px solid #3498db;
    border-radius: 50%;
    background-color: #fff;
    box-sizing: border-box;
    transition: background-color 0.3s, border-color 0.3s;
}

/* Checked state */
#wpforms-17484 input[type="radio"]:checked + label::before {
    background-color: #3498db;
    border-color: #3498db;
    box-shadow: inset 0 0 0 4px #fff;
}

/* Hover effect */
#wpforms-17484 input[type="radio"] + label:hover::before {
    border-color: #2980b9;
}

/* Label text styling */
#wpforms-17484 label {
    font-size: 16px;
    cursor: pointer;
    color: #333;
    transition: color 0.3s;
}

#wpforms-17484 label:hover {
    color: #3498db;
}

/* Aligning radio buttons horizontally */
#wpforms-17484 .wpforms-field-radio-container {
    display: flex;
    gap: 20px; /* Space between radio buttons */
}


/* Range Sliders - Base Styles */
#wpforms-17484 input[type="range"] {
    -webkit-appearance: none;
    width: 100%;
    height: 12px; /* Thicker for better visibility */
    background: #ddd;
    border-radius: 10px;
    outline: none;
    opacity: 0.8;
    transition: opacity 0.2s, background 0.3s ease-in-out;
}

#wpforms-17484 input[type="range"]:hover {
    opacity: 1;
    background: #e0e0e0; /* Slight change on hover for depth */
}

/* Custom Slider Thumb */
#wpforms-17484 input[type="range"]::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 22px; /* Slightly larger for better usability */
    height: 22px;
    border-radius: 50%;
    background: #3498db;
    border: 2px solid #fff;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); /* Subtle shadow for depth */
    cursor: pointer;
    transition: background-color 0.3s, transform 0.2s ease-in-out;
	margin-top: -6px;
}

#wpforms-17484 input[type="range"]:hover::-webkit-slider-thumb {
    background: #2980b9; /* Darker shade on hover */
}

#wpforms-17484 input[type="range"]:active::-webkit-slider-thumb {
    transform: scale(1.1); /* Slight zoom when dragging */
}

/* Firefox Support */
#wpforms-17484 input[type="range"]::-moz-range-thumb {
    width: 22px;
    height: 22px;
    border-radius: 50%;
    background: #3498db;
    border: 2px solid #fff;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    cursor: pointer;
    transition: background-color 0.3s, transform 0.2s ease-in-out;
}

#wpforms-17484 input[type="range"]:hover::-moz-range-thumb {
    background: #2980b9;
}

#wpforms-17484 input[type="range"]:active::-moz-range-thumb {
    transform: scale(1.1);
}

/* Track background color when active */
#wpforms-17484 input[type="range"]::-webkit-slider-runnable-track {
    background-color: #ddd;
    border-radius: 10px;
}

#wpforms-17484 input[type="range"]:hover::-webkit-slider-runnable-track {
    background-color: #e0e0e0;
}

#wpforms-17484 input[type="range"]:focus::-webkit-slider-runnable-track {
    background-color: #c0c0c0; /* Track color change on focus */
}


/* Submit Button */
#wpforms-17484 .wpforms-submit {
    background-color: #3498db;
    color: #fff;
    border: none;
    border-radius: 5px;
    padding: 12px 20px;
    font-size: 16px;
    cursor: pointer;
    transition: background-color 0.3s ease;
}

#wpforms-17484 .wpforms-submit:hover {
    background-color: #2980b9;
}

/* Multi-Page Buttons */
#wpforms-17484 .wpforms-page-button {
    background-color: #3498db;
    color: #fff;
    border: none;
    border-radius: 5px;
    padding: 10px 16px;
    font-size: 14px;
    margin-right: 10px;
    cursor: pointer;
    transition: background-color 0.3s ease;
}

#wpforms-17484 .wpforms-page-button:hover {
    background-color: #2980b9;
}

/* Error Messages */
#wpforms-17484 .wpforms-error {
    color: #e74c3c;
    font-size: 14px;
    margin-top: 5px;
}

/* Success Messages */
#wpforms-17484 .wpforms-confirmation {
    background-color: #2ecc71;
    color: #fff;
    border-radius: 5px;
    padding: 15px;
    margin-bottom: 20px;
}

/* Select Box */
#wpforms-17484 select {
    width: 100%;
    padding: 10px;
    border: 1px solid #ddd;
    border-radius: 5px;
    font-size: 16px;
    background-color: #fff;
    appearance: none;
    background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg xmlns="http://www.w3.org/2000/svg" width="10" height="10" viewBox="0 0 24 24" fill="none" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-chevron-down"%3E%3Cpolyline points="6 9 12 15 18 9"%3E%3C/polyline%3E%3C/svg%3E');
    background-repeat: no-repeat;
    background-position: right 10px center;
    background-size: 12px;
    transition: border-color 0.3s ease;
}

#wpforms-17484 select:focus {
    border-color: #3498db;
    outline: none;
}

#wpforms-17484 select:hover {
    border-color: #2980b9;
}


/* Container for submit button */
#wpforms-17484 .wpforms-submit-container {
    display: flex;
    justify-content: center; /* Center horizontally */
    margin-top: 20px; /* Optional: space above the button */
}

#wpforms-17484 .wpforms-submit {
    background: linear-gradient(135deg, #3498db, #2980b9);
    color: #fff;
    border: none;
    border-radius: 50px;
    padding: 15px 25px;
    font-size: 18px;
    font-weight: bold;
    cursor: pointer;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
    transition: background 0.3s ease, transform 0.2s ease, box-shadow 0.3s ease;
}

#wpforms-17484 .wpforms-submit:hover {
    background: linear-gradient(135deg, #2c80c9, #2573a7);
    transform: translateY(-3px);
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.2);
}


/* Repeater buttons */
#wpforms-17484 div.wpforms-container.wpforms-container-full .wpforms-form .wpforms-field-repeater .wpforms-field-repeater-display-blocks-buttons[data-button-type="buttons_with_icons"] {
    .wpforms-field-repeater-button-add{
        background-color: green;
        color: white;
    }    
    .wpforms-field-repeater-button-remove{
        background-color: red;
        color: white;
    }
}

/* Next - Prev Button */
#wpforms-17484 .wpforms-container-full .wpforms-form .wpforms-pagebreak-split{
    justify-content: flex-start;
}