/**
 * @file
 * Visual styles for pfppc's forms.
 */

/* Password field. */
.password-field { margin: 0; }

/* Form elements. */
form { margin: 0; padding: 0; }
fieldset { margin: 1em 0; min-width: 0; }

/**
 * We've temporarily added this Firefox specific rule here to fix fieldset
 * widths.
 * @todo remove once this Mozilla bug is fixed.
 * See https://bugzilla.mozilla.org/show_bug.cgi?id=504622
 */
@media (min--moz-device-pixel-ratio:0) {
  fieldset { display: table-cell; }
}
details,
fieldset,
.filter-wrapper { border-radius: 4px; }
.filter-wrapper { border-top-left-radius: 0; border-top-right-radius: 0; }
.filter-help a { font-size: 0.857em; }
.filter-wrapper .form-item label { margin-right: 10px; /* LTR */ }
[dir="rtl"] .filter-wrapper .form-item label { margin-left: 10px; margin-right: 0; }
summary { background: #dbdbdb; color: #3b3b3b; text-shadow: 0 1px 0 #fff; }
details summary a { color: #3b3b3b; }
details summary a:hover,
details summary a:active,
details summary a:focus { color: #000; }
details .details-description { font-style: italic; }
label { display: table; font-weight: bold; }
label[for] { cursor: pointer; }
input,
textarea,
select { }
input { margin: 2px 0; padding: 4px;  /* Keep form elements from overflowing their containers. */ max-width: 100%; box-sizing: border-box; }
input,
textarea { font-size: 0.929em; }

/**
 * Make the font slightly bigger in mobile
 * @todo: check the correct font-size
 */
@media screen and (max-width:60em) {

  /* 920px */
  input,
  textarea { font-size: 16px; }
}
textarea { line-height: 1.5; }
textarea.form-textarea { padding: 4px; }
input.form-text,
input.form-tel,
input.form-email,
input.form-url,
input.form-search,
input.form-file,
input.form-number,
input.form-color,
textarea.form-textarea { border: 1px solid #ccc; color: #3b3b3b; }
input.form-submit:hover,
input.form-submit:focus { background: #dedede; }
.password-suggestions ul li { margin-left: 1.2em; /* LTR */ }
[dir="rtl"] .password-suggestions ul li { margin-right: 1.2em; margin-left: 0; }
.form-item label,
.form-wrapper .label { font-size: 13px; }
.form-wrapper .field-multiple-table .label { font-size: inherit; }
.form-type-radio label,
.form-type-checkbox label { margin-left: 4px; /* LTR */ }
[dir="rtl"] .form-type-radio label,
[dir="rtl"] .form-type-checkbox label { margin-right: 4px; margin-left: 0; }
.form-type-radio .description,
.form-type-checkbox .description { margin-left: 2px; /* LTR */ }
[dir="rtl"] .form-type-radio .description,
[dir="rtl"] .form-type-checkbox .description { margin-right: 2px; margin-left: 0; }
.form-actions { padding-top: 10px; }

/* Webform */
.webform-submission-form label { color: #005e86; font-weight: 400; }
.webform-submission-form label.error { color: #e32700; font-size: 16px; }
.webform-submission-form .form-text,
.webform-submission-form .form-select { display: block; width: 100%; height: 38px; padding: 8px 12px; margin-bottom: 10px; font-size: 14px; line-height: 1.42857143; color: #333333; vertical-align: middle; background-color: #ffffff; border: 1px solid #cccccc; border-radius: 4px; margin-top: 0; }
.webform-submission-form .form-text { border-style: solid; border-width: 1px; border-color: #b8b8b8; border-radius: 4px; background-color: #f7f7f7; }
.webform-submission-form .form-select { background-image: -webkit-gradient(linear, left top, left bottom, from(#f7f7f7), to(#f7f7f7)); background-image: linear-gradient(180deg, #f7f7f7, #f7f7f7); }
.webform-submission-form .form-actions { display: inline-block; }
.webform-submission-form input.form-submit { margin-top: 4px; padding: 15px 24px; border-radius: 4px; background-color: hsla(197.91044776119404, 100.00%, 26.27%, 1.00) !important; -webkit-transition: all 250ms ease; transition: all 250ms ease; font-size: 16px; font-weight: 400; color: #fff !important; border: 0; line-height: inherit; cursor: pointer; }
.webform-submission-form .form-item-progress-indicator { display: inline-block; float: right; padding-top: 15px; }
.webform-submission-form .form-item-progress-indicator span { color: #005e86; font-size: 12px; text-align: right; }
.webform-submission-form input.form-submit.webform-button--previous { margin-right: 8px; padding: 13px 20px; border-style: solid; border-width: 2px; border-color: hsla(197.91044776119404, 100.00%, 26.27%, 1.00); background-image: url(../../images/icon-left-arrow.svg); background-position: 50% 50%; background-size: auto; background-repeat: no-repeat; }

/* Node Form */
#edit-body { margin-bottom: 2em; }
.node-form label,
.node-form .description,
.node-form .form-wrapper .label { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; }
.node-form .form-wrapper .field-multiple-table .label { font-family: inherit; }
.node-form .form-wrapper { margin-bottom: 2em; }
.node-form .entity-content-form-footer,
.node-form .field--name-status { margin-bottom: 0; }
.node-form .form-actions { padding-top: 0; margin-top: 0; }

/* Contact Form */
.contact-form #edit-name { width: 75%; border-radius: 4px; }
.contact-form #edit-mail { width: 75%; border-radius: 4px; }
.contact-form #edit-subject { width: 75%; border-radius: 4px; }
.contact-form #edit-message { width: 76.3%; border-top-left-radius: 4px; border-top-right-radius: 4px; }

/* Disabled form elements */
.form-disabled input,
.form-disabled select,
.form-disabled textarea { background: #ededed; border-color: #bbb; color: #717171; }
.form-disabled label { color: #717171; }

/* Comment form */
.comment-form label { float: left; /* LTR */ font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 0.929em; width: 120px; }
[dir="rtl"] .comment-form label { float: right; }
.comment-form input,
.comment-form .form-select { margin: 0; border-radius: 4px; }
.comment-form .form-type-textarea label { float: none; }
.comment-form .form-item,
.comment-form .form-radios,
.comment-form .form-type-checkbox,
.comment-form .form-select { margin-bottom: 10px; overflow: hidden; }
.comment-form .form-type-checkbox,
.comment-form .form-radios { margin-left: 120px; /* LTR */ }
[dir="rtl"] .comment-form .form-type-checkbox,
[dir="rtl"] .comment-form .form-radios,
[dir="rtl"] .comment-form .form-item .description { margin-left: 0; margin-right: 120px; }
.comment-form .form-type-checkbox label,
.comment-form .form-radios label { float: none; margin-top: 0; }
.comment-form input.form-file { width: auto; }
.layout-no-sidebars .comment-form .form-text { width: 800px; }
.layout-one-sidebar .comment-form .form-text { width: 500px; }
.layout-two-sidebars .comment-form .form-text { width: 320px; }
.comment-form .form-item .description { font-size: 0.786em; line-height: 1.2; margin-left: 120px; /* LTR */ }
.comment-form .form-textarea { border-top-left-radius: 4px; border-top-right-radius: 4px; }
.comment-form details.filter-wrapper .details-wrapper,
.comment-form .text-format-wrapper .form-item { margin-top: 0; margin-bottom: 0; }
.filter-wrapper label { width: auto; float: none; }
.filter-wrapper .form-select { min-width: 120px; }
.comment-form details.filter-wrapper .tips { font-size: 0.786em; }
#comment-body-add-more-wrapper .form-type-textarea label { margin-bottom: 0.4em; }
#edit-actions input { margin-right: 0.6em; /* LTR */ }
[dir="rtl"] #edit-actions input { margin-left: 0.6em; margin-right: 0; }

/* Form error styles. */
.form-item textarea.error + .cke { border: 2px solid red; }

/* Form error message styles. */
.form-item--error-message { color: #e32700; }
.form-item--error-message > strong {font-weight: 400;}

.iti.iti--allow-dropdown {display: block;}
.intl-tel-input.allow-dropdown .selected-flag, 
.intl-tel-input.separate-dial-code .selected-flag,
.iti--allow-dropdown .iti__selected-flag {
	height: 2em !important;
}

/**
* Improve form element usability on narrow devices.
*/
@media all and (max-width:600px) {
  .form-actions .button { float: none; margin: 10px 0 0; padding-bottom: 6px; width: 100%; display: block; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; }
  .js .dropbutton .dropbutton-action > input,
  .js .dropbutton .dropbutton-action > a,
  .js .dropbutton .dropbutton-action > button { text-align: center; padding-left: 3em; }
}