/* For reference only - plugin loads the minified CSS file */

/* VS Contact Form stylesheet */

/* Form container */
#vscf {clear:both;}
#vscf:after {content:''; display:block; height:0; clear:both;}

/* Form anchor */
#vscf-anchor {clear:both;}

/* Form elements */
#vscf .form-group {margin-bottom:15px;}
#vscf .form-group label.vscf-label {margin-bottom:5px; display:block;}
#vscf .form-group input[type="text"], #vscf .form-group input[type="email"] {width:80%; display:block; box-sizing:border-box; font-family:inherit; font-size:1em;}
#vscf .form-group textarea {width:100%; display:block; box-sizing:border-box; font-family:inherit; font-size:1em;}
#vscf .form-group button {font-family:inherit; font-size:1em;}
#vscf .vscf-privacy-group label {display:inline;}
#vscf .vscf-privacy-group input[type="checkbox"] {display:inline-block;}
.vscf-name-group {}
.vscf-email-group {}
.vscf-subject-group {}
.vscf-sum-group {}
.vscf-message-group {}
.vscf-privacy-group {}
.vscf-submit-group {}

/* Error */
#vscf input:invalid, #vscf textarea:invalid {border-color:#ff0000;}
#vscf input.vscf-error, #vscf textarea.vscf-error {border-color:#ff0000;}
#vscf span.vscf-error {display:block; color:#ff0000; font-size:0.9em;}

/* Hide elements */
#vscf .vscf-hide {position:absolute; overflow:hidden; height:1px; width:1px; margin:-1px; padding:0; clip:rect(1px, 1px, 1px, 1px); clip-path:inset(50%); word-wrap:normal;}
#vscf .vscf-display-none {display:none;}

/* Success or fail message */
.vscf-info {padding:10px 0; font-style:italic;}

/* Widget */
.vscf-widget {}
.vscf-widget:after {content:''; display:block; height:0; clear:both;}

/* Widget - text above form */
.vscf-widget-text {margin:0 0 20px;}
.vscf-widget-text p {margin:0 0 10px; padding:0;}
.vscf-widget-text p:last-of-type {margin-bottom:0;}

/* Fix for privacy consent checkbox when using Bootstrap */
#vscf .form-group .custom-control-input {position:relative; z-index:auto; opacity:1;}