/** @file Form Styling */
*:focus { outline: 0; }

.form-item { /* Wrapper for a form element (or group of form elements) and its label */ margin: 1.5em 0; }
.form-item input.error, .form-item textarea.error, .form-item select.error { /* Highlight the form elements that caused a form submission error */ border: 1px solid #c00; }
.form-item label { /* The label for a form element */ display: block; font-weight: bold; }
.form-item label.option { /* The label for a radio button or checkbox */ display: inline; font-weight: normal; }
.form-item .form-required { /* The part of the label that indicates a required field */ color: #c00; }
.form-item .description { /* The descriptive help text (separate from the label) */ font-size: 0.85em; }
.form-checkboxes .form-item, .form-radios .form-item { /* Pack groups of checkboxes and radio buttons closer together */ margin: 0; /* Drupal core uses "0.4em 0" */ }

.form-submit { /* The submit button */ }

.container-inline div, .container-inline label { /* Inline labels and form divs */ display: inline; }

.tips { /* Tips for Drupal's input formats */ }

a.button { /* Buttons used by contrib modules like Media */ -webkit-appearance: button; -moz-appearance: button; appearance: button; }

/* Password confirmation */
.password-parent, .confirm-parent { margin: 0; }

/* ! Search (search-block-form.tpl.php) */
#block-search-form { /* Wrapper for the search form */ width: 80%; margin-top: 30px; float: right; position: relative; z-index: 1; }
@media only screen and (max-width: 991px) { #block-search-form { margin-top: 20px; } }
@media only screen and (max-width: 767px) { #block-search-form { display: none; } }
#block-search-form input { border: none; margin: 0; float: right; }
@media only screen and (orientation: landscape) and (orientation: portrait) { #block-search-form input { -webkit-appearance: none; } }
#block-search-form input.form-text { color: #656565; background: transparent url(../images/global/search-field-bg.png) repeat 0 0; margin-right: 2px; padding: 4px 6px; width: 240px; height: 22px; border: 1px solid #d4d4d4; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1); -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1); box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1); -webkit-transition: all 350ms ease; -moz-transition: all 350ms ease; -o-transition: all 350ms ease; transition: all 350ms ease; }
#block-search-form input.form-text:focus { color: #656565 !important; background-color: #fff; }
#block-search-form input.form-submit { text-indent: -1000000px; background: transparent url(../images/global/icon-search1.png) no-repeat center center; display: block; width: 44px; height: 28px; margin: 0; padding: 4px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; position: absolute; top: 2px; right: 4px; }
@media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6 / 2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) { #block-search-form input.form-submit { /* on retina, use image that's scaled by 2 */ background-image: url("../images/global/icon-search1@2x.png"); background-size: 18px 18px; } }
#block-search-form input.form-submit:hover { color: #656565; background-color: #444; background-image: url(../images/global/icon-search2.png); }
@media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6 / 2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) { #block-search-form input.form-submit:hover { /* on retina, use image that's scaled by 2 */ background-image: url("../images/global/icon-search2@2x.png"); background-size: 18px 18px; } }

/* ! Drupal's default login form block */
#user-login-form { text-align: left; /* LTR */ /* OpenID  The default styling for the OpenID login link seems to assume Garland's styling of list items. */ }
#user-login-form ul { /* OpenID creates a new ul above the login form's links. */ margin-bottom: 0; /* Position OpenID's ul next to the rest of the links. */ }
html.js #user-login-form li.openid-link, #user-login-form li.openid-link { /* The "Log in using OpenID" link. */ margin-top: 1.5em; margin-left: -20px; /* LTR */ /* Un-do some of the padding on the ul list. */ }
#user-login-form li.user-link { /* The "Cancel OpenID login" link. */ margin-top: 1.5em; }

#user-login ul { margin: 1.5em 0; }

/* ! Drupal admin tables  We overrode these styles in normalize.css, but restore them for the admin section of the site. */
form th { text-align: left; /* LTR */ padding-right: 1em; /* LTR */ border-bottom: 3px solid #ccc; }
form tbody { border-top: 1px solid #ccc; }
form tr.even { background-color: #fff; }
form table .item-list ul { margin: 0; }

/* Drupal core wrongly puts this in system.menus.css. Since we override that, add it back. */
td.menu-disabled { background: #ccc; }

form.webform-client-form, form#comment-form { width: 70%; padding: 0; }

form#comment-form { width: 538px; margin: 0 0 40px; }
@media only screen and (max-width: 767px) { form#comment-form { width: 100%; } }

form.webform-client-form fieldset { border: none; padding: 0; margin: 40px 0; }
form.webform-client-form fieldset legend { color: #555; font: bold 12px Arial, Helvetica, sans-serif; background-color: #eee; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; display: block; margin: 0 0 1em 0; padding: 8px; }
form.webform-client-form fieldset fieldset { padding: 0; margin: 0; }
form.webform-client-form fieldset fieldset legend { background-color: transparent; padding: 1em 0 0; margin-bottom: 1em; font: bold 12px Arial, Helvetica, sans-serif; color: #369; display: block; width: auto; }

form.webform-client-form .form-item, form#comment-form .form-item, form#user-login .form-item, form#user-pass .form-item { margin: 4px 0; }
form.webform-client-form .form-item .description, form#comment-form .form-item .description, form#user-login .form-item .description, form#user-pass .form-item .description { font-size: 12px; color: #999; }
form.webform-client-form input, form.webform-client-form textarea, form#comment-form input, form#comment-form textarea, form#user-login input, form#user-login textarea, form#user-pass input, form#user-pass textarea { color: #333; font: 13px Arial, Helvetica, sans-serif; border: 2px solid #ccc; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; margin: 0; padding: 2px 4px; }
@media only screen and (orientation: landscape) and (orientation: portrait) { form.webform-client-form input, form.webform-client-form textarea, form#comment-form input, form#comment-form textarea, form#user-login input, form#user-login textarea, form#user-pass input, form#user-pass textarea { -webkit-appearance: none; } }
form.webform-client-form input:focus, form.webform-client-form textarea:focus, form#comment-form input:focus, form#comment-form textarea:focus, form#user-login input:focus, form#user-login textarea:focus, form#user-pass input:focus, form#user-pass textarea:focus { border-color: #69c; }
@media only screen and (max-width: 767px) { form.webform-client-form input, form#comment-form input, form#user-login input, form#user-pass input { width: 95%; } }
form.webform-client-form label, form#comment-form label, form#user-login label, form#user-pass label { color: #999; font-size: 12px; display: block; padding: 8px 0 0; }
form.webform-client-form label.option, form#comment-form label.option, form#user-login label.option, form#user-pass label.option { display: inline; }
form.webform-client-form input.form-submit, form#comment-form input.form-submit, form#user-login input.form-submit, form#user-pass input.form-submit { font: bold 13px/17px Arial; text-align: center; padding: 3px 30px; border: 1px solid #ccc; -webkit-border-radius: 21px; -moz-border-radius: 21px; -ms-border-radius: 21px; -o-border-radius: 21px; border-radius: 21px; cursor: pointer; background-color: #fafafa; background-image: -moz-linear-gradient(top, #fafafa, #eaeaea); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fafafa), to(#eaeaea)); background-image: -webkit-linear-gradient(top, #fafafa, #eaeaea); background-image: -o-linear-gradient(top, #fafafa, #eaeaea); background-image: linear-gradient(to bottom, #fafafa, #eaeaea); background-repeat: repeat-y; }
form.webform-client-form input.form-submit:hover, form#comment-form input.form-submit:hover, form#user-login input.form-submit:hover, form#user-pass input.form-submit:hover { color: white; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.5); border-color: #5d6a35; background-color: #8fa159; background-image: -moz-linear-gradient(top, #8fa159, #647339); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#8fa159), to(#647339)); background-image: -webkit-linear-gradient(top, #8fa159, #647339); background-image: -o-linear-gradient(top, #8fa159, #647339); background-image: linear-gradient(to bottom, #8fa159, #647339); background-repeat: repeat-y; }
form.webform-client-form input.form-checkbox, form.webform-client-form input.form-radio, form#comment-form input.form-checkbox, form#comment-form input.form-radio, form#user-login input.form-checkbox, form#user-login input.form-radio, form#user-pass input.form-checkbox, form#user-pass input.form-radio { width: auto; border: 0; }
@media only screen and (max-width: 767px) { form.webform-client-form input.form-checkbox, form.webform-client-form input.form-radio, form#comment-form input.form-checkbox, form#comment-form input.form-radio, form#user-login input.form-checkbox, form#user-login input.form-radio, form#user-pass input.form-checkbox, form#user-pass input.form-radio { width: auto; } }
@media only screen and (max-width: 767px) { form.webform-client-form .form-actions, form#comment-form .form-actions, form#user-login .form-actions, form#user-pass .form-actions { text-align: center; } }

form.webform-client-form #edit-actions { padding-top: 30px; margin: 0 0 30px; border-top: 1px solid #e0e0e0; }

form#comment-form input.form-submit { margin: 2em 7px 1em 0; }

form#comment-form input.form-submit[value="Preview"] { margin-top: 0.5em; }

form.webform-client-form select { color: #333; font: 13px Arial, Helvetica, sans-serif; border: 1px solid #ccc; width: 260px; }
@media only screen and (max-width: 767px) { form.webform-client-form select { width: 100%; } }

.form-item-mollom-captcha, .description.mollom-privacy { padding: 0 0 1em; font-size: 12px; }

form#comment-form .form-item-mollom-captcha { border-top: 1px dotted #e0e0e0; margin-top: 10px; padding: 0 0 10px 0; }
form#comment-form .form-item-mollom-captcha .description { font-size: 11px; line-height: 15px; }
form#comment-form .form-item-notify { font-size: 11px; font-weight: bold; margin: 0; padding: 0 0 0 8px; }
form#comment-form .form-item-notify label { font-size: 11px; font-weight: bold; display: inline; margin: 0; padding: 0; }
form#comment-form #edit-notify-type { background-color: #eee; margin-top: 4px; padding: 4px 8px; width: 300px; overflow: auto; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }
form#comment-form #edit-notify-type .form-type-radio { display: inline; }
form#comment-form #edit-notify-type .form-type-radio label { margin-right: 1em; color: #666; font-size: 11px; font-weight: bold; display: inline; }

form.webform-client-form { border: 1px solid #e0e0e0; background-color: #fff; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; width: 92%; padding: 1px 4%; }
@media only screen and (max-width: 767px) { form.webform-client-form { width: 92%; } }

.node-type-webform.page-node-517, .node-type-webform.page-node-541 { border-top: none; }
@media only screen and (max-width: 479px) { .node-type-webform.page-node-517 #content, .node-type-webform.page-node-541 #content { padding-right: 15px; padding-left: 15px; } }
.node-type-webform.page-node-517 #header, .node-type-webform.page-node-541 #header { min-height: 184px; }
.node-type-webform.page-node-517 nav.breadcrumb, .node-type-webform.page-node-541 nav.breadcrumb { position: absolute !important; height: 1px; width: 1px; overflow: hidden; clip: rect(1px, 1px, 1px, 1px); }
.node-type-webform.page-node-517 .messages--status.messages, .node-type-webform.page-node-541 .messages--status.messages { border: none; border-right-width: 45px; border-right-style: solid; border-left-width: 45px; border-left-style: solid; margin: 0; padding: 0 30px; }
@media only screen and (max-width: 600px) { .node-type-webform.page-node-517 .messages--status.messages, .node-type-webform.page-node-541 .messages--status.messages { border-right-width: 15px; border-left-width: 15px; } }
.node-type-webform.page-node-517 .messages--status.messages p, .node-type-webform.page-node-541 .messages--status.messages p { color: #4caf50; text-align: center; margin: 0; padding: 2em 0; }
.node-type-webform.page-node-517 h1.title, .node-type-webform.page-node-541 h1.title { color: #fff; text-align: center; background-image: url(../images/services/drupal-logo.svg); background-repeat: no-repeat; background-position: center 20px; border-radius: 5px 5px 0 0; margin: 0; padding: 153px 15px 28px; }
.node-type-webform.page-node-517 .drupal-audit.block, .node-type-webform.page-node-541 .drupal-audit.block { margin-bottom: 0; padding: 0 45px 30px; overflow: hidden; }
@media only screen and (max-width: 600px) { .node-type-webform.page-node-517 .drupal-audit.block, .node-type-webform.page-node-541 .drupal-audit.block { padding-right: 15px; padding-left: 15px; } }
.node-type-webform.page-node-517 .drupal-audit.block .block-body, .node-type-webform.page-node-541 .drupal-audit.block .block-body { text-align: center; }
.node-type-webform.page-node-517 .drupal-audit.block .column, .node-type-webform.page-node-541 .drupal-audit.block .column { text-align: left; float: left; width: 42%; padding: 0 4%; }
@media only screen and (max-width: 767px) { .node-type-webform.page-node-517 .drupal-audit.block .column, .node-type-webform.page-node-541 .drupal-audit.block .column { float: none; width: auto; } }
@media only screen and (max-width: 600px) { .node-type-webform.page-node-517 .drupal-audit.block .column, .node-type-webform.page-node-541 .drupal-audit.block .column { padding: 0; } }
.node-type-webform.page-node-517 .drupal-audit.block h2, .node-type-webform.page-node-517 .drupal-audit.block h3, .node-type-webform.page-node-541 .drupal-audit.block h2, .node-type-webform.page-node-541 .drupal-audit.block h3 { color: #fff; -webkit-font-smoothing: antialiased; margin: 0; padding: 25px 0; clear: left; }
.node-type-webform.page-node-517 .drupal-audit.block p, .node-type-webform.page-node-541 .drupal-audit.block p { color: #fff; -webkit-font-smoothing: antialiased; }
.node-type-webform.page-node-517 article, .node-type-webform.page-node-541 article { background-color: #fff; border: 1px solid #eee; border-top: none; border-bottom: 2px solid #e5e5e5; border-radius: 0 0 5px 5px; padding: 40px 45px 30px; }
@media only screen and (max-width: 600px) { .node-type-webform.page-node-517 article, .node-type-webform.page-node-541 article { padding-right: 25px; padding-left: 25px; } }
@media only screen and (max-width: 479px) { .node-type-webform.page-node-517 article, .node-type-webform.page-node-541 article { padding-right: 15px; padding-left: 15px; } }
.node-type-webform.page-node-517 .field-name-body, .node-type-webform.page-node-541 .field-name-body { float: left; width: 42%; padding: 0 4%; }
@media only screen and (max-width: 767px) { .node-type-webform.page-node-517 .field-name-body, .node-type-webform.page-node-541 .field-name-body { float: none; width: auto; } }
@media only screen and (max-width: 600px) { .node-type-webform.page-node-517 .field-name-body, .node-type-webform.page-node-541 .field-name-body { padding: 0; } }
.node-type-webform.page-node-517 .field-name-body h2, .node-type-webform.page-node-517 .field-name-body h3, .node-type-webform.page-node-541 .field-name-body h2, .node-type-webform.page-node-541 .field-name-body h3 { margin-top: 0; }
.node-type-webform.page-node-517 .field-name-body ul, .node-type-webform.page-node-541 .field-name-body ul { background-color: transparent; background-repeat: no-repeat; background-position: left 7px; margin-top: 0; padding-left: 74px; }
.node-type-webform.page-node-517 form.webform-client-form, .node-type-webform.page-node-541 form.webform-client-form { background-color: transparent; border: none; float: left; padding: 0 4%; width: 42%; }
@media only screen and (max-width: 767px) { .node-type-webform.page-node-517 form.webform-client-form, .node-type-webform.page-node-541 form.webform-client-form { float: none; width: auto; } }
@media only screen and (max-width: 600px) { .node-type-webform.page-node-517 form.webform-client-form, .node-type-webform.page-node-541 form.webform-client-form { padding: 0; } }
.node-type-webform.page-node-517 form.webform-client-form h3, .node-type-webform.page-node-541 form.webform-client-form h3 { margin: 0; }
.node-type-webform.page-node-517 form.webform-client-form input.form-text, .node-type-webform.page-node-541 form.webform-client-form input.form-text { width: 95%; }
.node-type-webform.page-node-517 form.webform-client-form .webform-component--drupal-website-url label, .node-type-webform.page-node-541 form.webform-client-form .webform-component--drupal-website-url label { color: #0F7DC2; background: transparent url(../images/services/drupal-icon.svg) no-repeat left 10px; background-size: 16px 16px; padding-left: 18px; }

.node-type-webform.page-node-517 .messages--status.messages { border-right-color: #d74527; border-left-color: #d74527; }
.node-type-webform.page-node-517 h1.title, .node-type-webform.page-node-517 .drupal-audit.block { background-color: #d74527; }
.node-type-webform.page-node-517 .field-name-body ul { background-image: url(../images/services/auditlock.svg); }

.node-type-webform.page-node-541 .messages--status.messages { border-right-color: #7CB342; border-left-color: #7CB342; }
.node-type-webform.page-node-541 h1.title, .node-type-webform.page-node-541 .drupal-audit.block { background-color: #7CB342; }
.node-type-webform.page-node-541 .field-name-body ul { background-image: url(../images/services/auditspeed.svg); }

.captcha { border: none; margin: 0; padding: 15px 0 0 8px; }
@media only screen and (max-width: 374px) { .captcha { margin-left: -23px; } }
.captcha legend { display: none !important; }
.captcha .fieldset-description { font-size: 13px; line-height: 1.1; padding-bottom: 5px; max-width: 380px; }