/* This file contains the formatting for forms generated by Contact Form 7 (CF7) plugin */
/* File author: Phil at Avalon Marketing */
/* This version last edited 5 May 2018 */

/* COLOURS.  Moved this up here to centralise colour-management */
/* TEXT */
/* Legend heading and sub-heading */
.wpcf7-form h3, .wpcf7-form h5 {color:#4e5054;}
/* Labels */
.wpcf7-form p {color:#4e5054;}
/* "Submit" box text */
.wpcf7 input.wpcf7-submit[type="submit"]:hover {color: #4e5054 !important;}

/* BACKGROUNDS */
/* Whole panel */
.wpcf7-form {background:#e4cd81;}
/* Input fields */
.wpcf7-form-control:not(.wpcf7-radio) {background: #f2e6c0;}
.wpcf7 input.wpcf7-submit[type="submit"]:hover {background:#e4cd81;}
/* Possibly don't need this as it's included above */ 
/*.wpcf7-select {background:#F9FDE2;}*/

/* Form formatting. */
.wpcf7-form {padding:20px;border:2px ridge #cccccc;border-radius:7px;margin-bottom:30px;}
.wpcf7-form .row.vertical-align {margin-top:2px;margin-bottom:2px;display: flex;align-items: center;}

.wpcf7-form-control:not(.wpcf7-radio) {border:2px ridge #cccccc !important;border-radius:7px !important;}

/*For file upload box (if used)*/
.wpcf7 input[type="file"]{width:100%; text-overflow: ellipsis;}

/* Set width for drop-down menu */
/* Format input similar to others */
.wpcf7-select { 
    /*border:2px ridge #cccccc !important; 
    border-radius:7px !important;*/
    height:36px;
    padding:5px 0px;
    width:100%;
    text-overflow: ellipsis;
}

/* Only important if "Theme Options > Misc Settings > Select 2 select" is enabled.  I've turned it off */
/*.select2-container {width:100%;height:36px;padding:5px 0px;}
.select2-choice {border:none !important;position:absolute;top:-10px;}
.select2-chosen{text-align:left;}*/

 /* Labels - set to "left" for GPF. Otherwise "right". */
.wpcf7-form p {margin-top:0px;margin-bottom: 0px;text-align: left;}
/* Make date box small */
/*.wpcf7-form input[type="date"] {width:20%;min-width: 150px;float:left;}*/
/* Modified for Gary Pickering Funerals */
.wpcf7-form input[type="date"] {width:50%;min-width: 150px;float:left;}
/* Make number box small */
.wpcf7-form input[type="number"] {width:10%;min-width: 30px;float:left;}
/* But error message needs to have more width */
.wpcf7-form input[type="number"] span.wpcf7-not-valid-tip {width:100%;display:block;}
/*.wpcf7-form p.radio-button {float:left;}*/
.wpcf7-form .wpcf7-radio {float:left;}
/* Stop radio buttons drifting left on small screens */
.wpcf7-list-item {float: left;text-align: left;}
/* Format "total" box */ 
.wpcf7-form p.total-box input[name="cust-total"] {width:50%;min-width: 30px;float:left;}
/* Push "Submit" box to left */
.wpcf7 input.wpcf7-submit[type="submit"] {cursor:pointer;float:left;}

/* Shiny buttons! */
.wpcf7 input.wpcf7-submit[type="submit"], input.wpcf7-form-control.wpcf7-previous {
    font-size: 16px;
    padding: 12px 20px;
    border-top: solid 1px #d2d2d2;
    border-left: solid 1px #c3c3c3;
    border-right: solid 1px #c3c3c3;
    border-bottom: solid 1px #9f9f9f;
    background: #ffffff;
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #dfdfdf), color-stop(1, #ffffff));
    background: -ms-linear-gradient(bottom, #dfdfdf, #ffffff);
    background: -moz-linear-gradient(center bottom, #dfdfdf 0%, #ffffff 100%);
    background: -o-linear-gradient(#ffffff, #dfdfdf);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dfdfdf', GradientType=0);
    font-weight: bold;
    color: #646464;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.125), inset 0 1px 0 rgba(255, 255, 255, 0.5);
    -moz-box-shadow: 0 1px 1px rgba(0,0,0,0.125), inset 0 1px 0 rgba(255, 255, 255, 0.5);
    box-shadow: 0 1px 1px rgba(0,0,0,0.125), inset 0 1px 0 rgba(255, 255, 255, 0.5);
    width: auto;
    text-decoration: none;
    cursor: pointer;
    -webkit-appearance: button;
    line-height: 1;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
}

/* Acceptance button and statement */
.wpcf7-form .row.vertical-align {padding-bottom: 15px;}
.wpcf7-form .acceptance_box span.wpcf7-list-item {float: right;}