/* Davedub's contact form structural css - do not modify */
/* To modify the look and feel of the form */
/* Please use the custom.css provided */

/*
    This file is part of Davedub's Contact Form plugin for WordPress

    Author: David Wooldridge

    Davedub's Contact Form plugin is free software: you can
    redistribute it and / or modify it under the terms of the
    GNU General Public License as published by the
    Free Software Foundation, either version 3 of the License,
    or (at your option) any later version.

    Davedub's Contact Form plugin is distributed in the hope
    that it will be useful, but WITHOUT ANY WARRANTY; without
    even the implied warranty of MERCHANTABILITY or FITNESS FOR
    A PARTICULAR PURPOSE.  See the GNU General Public License
    for more details.

    You should have received a copy of the GNU General Public License
    along with the Contacts and Bookings plugin.
    If not, see <http://www.gnu.org/licenses/>.
*/


/* Contact form stuff */
/* content divs for contact page  */
#ddcf_contact_form_wrapper {
	width:100%;
	float:left;
        margin:0.0em;
        color: inherit;
}

#ddcf_contact_form_wrapper p {
        margin:0.0em;
}

#ddcf_contact_form_wrapper input {
        margin-top:0.0em;
        margin-bottom:0;
}

#ddcf_contact_form {
	margin:0px;
	padding:0px;
}

#ddcf_contact_form_contents {
	visibility:hidden;  /* initial value - is controlled by jQuery during operation */
}


/* base styling for most elements (not jQueryUI dat/time pickers) */
.ddcf_input_base {	
        width:100% !important;
        /*min-height:2.4em;*/
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */        
}

.ddcf_contact_text_input {
    padding-left: 0.5em !important;
    margin-bottom:0;
}

label {
    float: left;
    margin: 0em !important;
    padding: 0em;
    line-height: 2.4em; /* initial value - is controlled by jQuery during operation */
}


/* throbber display */
#ddcf_throbber {
        display:block;  /* initial value - is controlled by jQuery during operation */
	width:100%;
        height:2.4em;   
        padding:0;
	margin:5em auto 8em !important;
	text-align:center;
	position:relative;
        background-image:url('images/dd-contact-form-ajax-loader.gif');
        background-repeat:no-repeat;
        background-position:center center;
}

/* final message to user div */
#ddcf_thankyou_message_container {
        width:100%;
        text-align:center;
        font-size:1.1em;
        padding:1.8em 0 17em;
}

.ddcf_float_left { 
	margin:0px;
	padding:0px;
	float: left;
        width:100%;
        margin:0 0 1.0em !important; 
}


/* Section - top left */
#ddcf_contact_form_top_left {
	width: 35%; /* initial value - is controlled by jQuery during operation */
        margin:0 !important;
}

        
/* Section - top right, full width */
#ddcf_contact_form_top_right {
        position:relative;
	width: 65%;  /* initial value - is controlled by jQuery during operation */
	float: right;  /* initial value - is controlled by jQuery during operation */      
        margin-top: 0em; 
        margin-bottom: 0em; 
        /*background-color: #eddb62;*/
}
#ddcf_dates_details_row_division {
        max-width:25em; /* prevent un-stacking in a wide container */
}
    .ddcf_details_row {   
        position:relative;
        width:100%;
        background: inherit !important;
        border:0em;
        margin:0em;
        padding:0em;
/*        background-color: #f1524b;*/
/*        display: inline-flex;*/
    }
    
    .ddcf_details_row_division {
        float:none !important;
        margin:auto !important;               
        text-align: center;
        vertical-align: middle;
        border:0em !important;
        margin:0em;
        padding:0em !important; 
        border:none !important;
        line-height: 0em;
/*        background-color: #1bd242;*/
        
        display: inline-block;
    }
        .ddcf_half_width {
            width:50%;
/*            display: inline-block;*/
        }

        .ddcf_full_width {
            width:100%;
/*            display: inline;*/
            max-width: 100% !important;
        }
        
        #ddcf_dates_container {
            float: none;
            margin: auto;            
        }

    #ddcf_captcha_add {
        display: inline-block;
        position: relative;
        vertical-align:middle;
        float:none;
        width: 17.5em; /* initial value - controlled during runtime by jQuery */
        /*height: 2.4em;*/        
    }
    .ddcf_span_date {
        display: inline-block;
        position: relative;
        vertical-align:middle;
        float:none;
        width: 17.1em;
        height: 2.4em;  /* initial value - controlled during runtime by jQuery */
        margin-bottom: 1.0em;
    }
    .ddc_span_datetime {
        display: inline-block;
        position: relative;
        vertical-align:middle;
        float:none;
        width: 17.1em;
        height: 2.4em;
        margin-bottom: 1.0em;
    } 
    .ddcf_span_dropdown {
        margin: 0 0 1em 0 !important;
        display: inline-block;
        position: relative;
        vertical-align:middle;
        float:none !important;
        width: 9.5em;
/*        height: 2.5em;*/
    }    
    
    #ddcf_question_one, #ddcf_question_two {
        /*padding-left:0.8em !important;*/
    }
    
    
        /* dates 
        .ddcf_dates_container {                
                position:relative;
        }*/
            .ddcf_date_picker {
                    width: 7.0em !important;
                    text-align:center;
                    float: right;
                    margin-bottom: 0;
            }   
            
            .ddcf_date_picker:hover {
                cursor: pointer;
            }
            .ddcf_datetime_picker {
                    width:9.8em !important;
                    text-align:center;
                    float: right;
                    margin-bottom: 0;
            }
            .ddcf_datetime_picker:hover {
                cursor: pointer;
            }            
            /* timepicker (datepicker addon) */        
            .ui-widget { 
                font-size: 1em; 
                font-weight: normal;
            }            
            .ui-datepicker-close {
                font-weight: normal !important;
            }      
            
            .ui-timepicker-div .ui-widget-header { margin-bottom: 8px; }
            .ui-timepicker-div dl { text-align: left; }
            .ui-timepicker-div dl dt { height: 25px; margin-bottom: -25px; }
            .ui-timepicker-div dl dd { margin: 0 10px 10px 65px; }
            .ui-timepicker-div td { font-size: 85%; }
            .ui-tpicker-grid-label { background: none; border: none; margin: 0; padding: 0; }
            .ui-timepicker-rtl{ direction: rtl; }
            .ui-timepicker-rtl dl { text-align: right; }
            .ui-timepicker-rtl dl dd { margin: 0 65px 10px 10px; }        

        .ddcf_dropdown {
                /* padding: 0.6em 0.5em 0.1em 0.2em;  */
                padding-left:0.2em;
                padding-right:0em;
                float:right;    
                width: auto !important;
                border-style:outset;
                margin-bottom:0;
        }
        .ddcf_dropdown:hover {
            cursor: pointer;
        }                 
        
        #ddcf_num_children_selector {
                float:left;
                text-align:center;
        }
        #ddcf_num_adults_selector {
                float:left;
                /*width:9em;*/
                text-align:center;
        }

        /* captchas */
        #ddcf_contact_form_captcha {
                width:100%;
                position:relative;
                overflow: visible;
        }
            .recaptchatable td img {
                border-radius: 0em;
                -moz-border-radius: 0em;
                -webkit-border-radius: 0em;                   
            }
            
        /* simple addition captcha */
        #ddcf_simple_add_captcha {
                width:auto;
                min-height:2.2em; 
        }
            /* text input for simple addition captcha */
            #ddcf_contact_captcha_add {
                    width: 3.3em !important; /* allow for some user defined padding */
                    text-align: center;
                    float:right;
                    margin-bottom:0;
            }
            /* question text */
            #ddcf_captcha_question {
                    float:left;
                    position: absolute;
                    top: 50%;                    
            }
        /* reCaptcha */
        #ddcf_google_recaptcha {
            max-width: 32.3em;
        }
        #recaptcha_area {
                float: none;
                margin-left: auto;
                margin-right: auto;                
        }
            #recaptcha_response_field {
                padding-left:0.5em !important;
                font-size: inherit !important;
                color:inherit;
                background-color:white;
            }
/* end of top right section */



/* Section - bottom, full width */     
#ddcf_contact_message {
        min-height:11.0em;
        margin-top:0;
}
/* buttons and options bar */
#ddcf_opts_and_buttons {
	width:100%;
        padding-bottom:0.0em;
}
    /* Button Area */
    #ddcf_button_area {
            width:auto;  /* initial value - is controlled by jQuery during operation */
            position:relative;
            margin:auto; 
            padding: 0 0.7em 0.3em 0;
            float:right; /* initial value - is controlled by jQuery during operation */
    }
    
    #ddcf_contact_send {
        float:right;
    }
    
    
    #ddcf_contact_reset {
        float:left;
    }
    
    /* Checkbox Area */
    #ddcf_checkbox_area {
            float: left;
            text-align:center;
            font-size: 0.9em;
            margin: 0em 0em 0.9em;
            padding:0px;            
    }
        /* Checkbox input */
        #ddcf_newsletter_signup { width:auto !important; }
    
    
    /* User feedback */
    /* initially invisible div used for relaying error messages back to user. Unused in nearly all modes, but provided for fallbacks */
    #ddcf_error_reporting {
            margin:0; 
            padding:0;
            width:100%;
            text-align:center;
            color:red;
            font-size:0.9em;
    }
    /* ticks and crosses containers */
    .ddcf_markable_container {
            position:relative;
            width: 100%;
    }

        /* wee divs for the ticks and crosses */
        .ddcf_contact_input_verify {
                position:absolute;
                width:1.2em; 
                color:green;
                font-size:1.0em;
                background-color:inherit;
                right: 0.55em;
                top: 50%;    /* adjust here to align ticks and crosses */            
        }    
        .ddcf_contact_input_verify p {
                text-decoration:none !important;
        }
        /* individual tweaks */
        #ddcf_contact_message_fb {
            top: 0;           
        }
        #ddcf_contact_captcha_fb {
            right: 1em; /* start value only - is changed by jQuery at runtime */  
        }        
        #ddcf_arrival_date_fb, #ddcf_departure_date_fb {
            right: -1.6em;
	}
	#ddcf_num_adults_fb, #ddcf_num_children_fb {
            right: -1.5em;
	}