/* This file contains the formatting for forms generated by Contact Form 7 (CF7) plugin */
/* File author: Phil at Avalon Marketing */
/* This version last edited 25 Mar 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-form .wpcf7-submit {color:#4e5054 !important;}
.wpcf7-form .wpcf7-submit:hover {color: #4e5054 !important;}

/* BACKGROUNDS */
/* Whole panel */
.wpcf7-form {background:#fff;}
/* Input fields */
.wpcf7-form-control {background: #fff;}
/* 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;}
/* Add ridge to items with exceptions */
.wpcf7-form-control:not(.wpcf7-radio), .wpcf7-form-control:not(.wpcf7-checkbox.wpcf7-validates-as-required)  {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 */
.wpcf7-form p {margin-top:0px;margin-bottom: 0px;text-align: right;}
/* Make number box small */
.wpcf7-form p.number-box input[name="quantity"] {width:10%;min-width: 30px;float:left;}
/* But error message needs to have more width */
.wpcf7-form p.number-box span.wpcf7-not-valid-tip {width:100%;display:block;}
.wpcf7-form p.radio-button {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-form .wpcf7-submit {cursor:pointer;float:left;}

/* Buttons */
.wpcf7-form .back-button, .wpcf7-form .next-button /*, .wpcf7-form .submit-button*/ {font-size: 20px;padding:20px;border:2px ridge #cccccc;border-radius:7px;}