/**
 * @file
 * Visual styles for Newsplus's forms.
 */
.form-item {
  margin:15px 0;
}
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,
textarea {
  background: #fff;
  color: #062f4f;
  font-size: 14px;
  padding: 10px 60px 10px 15px;
  outline:none;
  border: 2px solid #062f4f;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -o-border-radius: 5px;
  width: 100%;
  line-height: 1;
  height: 43px;
  -webkit-appearance: none;
}
select.form-select,
select {
  height: 43px;
  border: 2px solid #c5c5c5;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -o-border-radius: 5px;
  padding: 10px 15px;
}
.form-type-password-confirm input.form-text {
  width: 50%;
}
.colored-area input.form-text,
.colored-area textarea,
.colored-area input.form-text:focus,
.colored-area textarea:focus {
  border-color: #fff;
}
textarea.form-textarea,
textarea {
  resize:none;
  line-height: 1.57;
  height: auto;
}
label,
.label {
  display: block;
  color: inherit;
  text-align: left;
  margin-bottom: 5px;
}
fieldset {
  border:1px solid #c5c5c5;
  padding: 0.5em;
  margin: 20px 0 35px;
}
fieldset legend {
  border:1px solid #c5c5c5;
  display: inline-block;
  width: auto;
  padding: 5px;
  font-size: 12px;
  text-transform: uppercase;
  margin-left: 10px;
}
input[type="radio"],
input[type="checkbox"] {
  margin: 0px 0 3px;
}
select {
  width: 100%;
  margin: 10px 0;
  color: #3f3f3f;
}

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

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

/* Form error message styles. */
.form-item--error-message {
  color: #e32700;
}

/* Mailchimp forms */

.region > .subscribe-form #mc_embed_signup {
  margin:0 15px 0 0;
}

.signup-block > .subscribe-form #mc_embed_signup {
  max-width:600px;
}

.region > .subscribe-form form,
.signup-block > .subscribe-form form {
  position: relative;
}

.region > .subscribe-form input.form-text:focus,
.signup-block > .subscribe-form input.form-text:focus {
  border-color: #c5c5c5;
}

.region > .subscribe-form .form-actions,
.signup-block > .subscribe-form .form-actions {
  position: absolute;
  top:0;
  right: 0;
  margin: 0;
}

.region > .subscribe-form .form-fields .row:before,
.signup-block > .subscribe-form .form-fields .row:before {
  display: inherit;
  content: "" !important;
}

.region > .subscribe-form .subscribe-text-before,
.signup-block > .subscribe-form .subscribe-text-before {
  font-size: 14px;
  color: #3f3f3f;
  padding:0 0 10px 0;
}

.region > .subscribe-form .subscribe-text-after,
.signup-block > .subscribe-form .subscribe-text-after {
  font-size: 12px;
  font-style: italic;
  color: #3f3f3f;
}

.subscribe-form .form-fields .subscribe-email {
  padding:0;
}

.subscribe-form .form-fields .subscribe-email div {
  margin:0 0 10px 0;
}

.subscribe-form .form-fields input.form-email {
  border-radius: 20px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -o-border-radius: 20px;
}

.region > .subscribe-form .form-actions input,
.signup-block > .subscribe-form .form-actions input {
  margin: 0;
  min-width: 0;
  padding: 13px 30px 12px;
  z-index: 1;
  position: relative;
  background-color: transparent;
  height: 43px;
  text-indent: -999999px;
}

.region > .subscribe-form .form-actions:after,
.signup-block > .subscribe-form .form-actions:after {
  font-family: 'FontAwesome';
  content: "\f105";
  position: absolute;
  top: 0px;
  left: 0;
  z-index: 0;
  line-height: 44px;
  display: block;
  background-color: #062f4f;
  right: 0;
  text-align: center;
  color: #fff;
  font-size: 28px;
  border-radius: 0 20px 20px 0;
  -webkit-border-radius: 0 20px 20px 0;
  -moz-border-radius: 0 20px 20px 0;
  -o-border-radius: 0 20px 20px 0;
}

.region > .subscribe-form .form-actions:hover:after,
.signup-block > .subscribe-form .form-actions:hover:after {
  background-color: #FF404C;
  color: #fff;
  border-color: #b82601;
}

.region > .subscribe-form .form-actions input:hover,
.signup-block > .subscribe-form .form-actions input:hover {
  background-color: transparent;
}

.subscribe-form .form-fields label {
  display: none;
}

/* Chrome, Firefox, Opera, Safari 10.1+ */
.subscribe-form .form-fields input::placeholder {
  color: #b82601;
  opacity: 1; /* Firefox */
}

/* Internet Explorer 10-11 */
.subscribe-form .form-fields input:-ms-input-placeholder {
  color: #b82601;
}

/* Microsoft Edge */
.subscribe-form .form-fields input::-ms-input-placeholder {
  color: #b82601;
}

#block-newslettersignuppopup {
  display: none;
}

#block-newslettersignuppostspopup {
  display: none;
}

#block-newslettersignupbar {
  display: none;
}

#block-newslettersignuppostsbar {
  display: none;
}

.block-newslettersignuppopup-modal .spb_bottom_right {
  right: 15px;
  bottom: 15px;
}

.spb-popup-main-wrapper {
  border: 0;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -o-border-radius: 5px;
  background-color: #062f4f;
  padding:15px 15px 15px 15px;
}

.spb-popup-main-wrapper .block {
  padding: 0;
}

.spb-popup-main-wrapper .subscribe-form {
  background:linear-gradient(289deg,#3F75A2 0,#5f788c 100%);
}

.spb-popup-main-wrapper .subscribe-form .form-actions {
  margin: 0;
}

.spb-controls {
  right: 5px;
  top: 5px;
}

.spb_close {
  border: 0;
}

.spb-popup-main-wrapper .subscribe-form .subscribe-text-title {
  font-size: 18px;
  font-weight: 700;
  color: #fff;
  padding:0 0 10px 0;
  text-align: center;
}

.spb-popup-main-wrapper .subscribe-form .subscribe-heading {
  font-size: 30px;
  font-weight: bold;
  color: #fff;
}

.spb-popup-main-wrapper .subscribe-form .subscribe-text {
  font-size: 17px;
  font-weight: normal;
  color: #fff;
}

.spb-popup-main-wrapper .subscribe-form .form-fields .subscribe-email div {
  margin: 0;
}

.spb-popup-main-wrapper .subscribe-form .form-fields .subscribe-email input {
  font-size: 16px;
  font-weight: 500;
  border: 0;
}

.spb-popup-main-wrapper.spb_bottom_bar .subscribe-form .subscribe-button input {
  font-family: Lato;
  font-size: 16px;
  font-weight: 600;
  text-transform: none;
  width: 300px;
}

.spb-popup-main-wrapper .subscribe-form .form-actions input {
  height: 43px;
  background-color: #FF404C;
  color: #fff;
  text-transform: none;
  font-size: 14px;
  width: 100%;
}

.spb-popup-main-wrapper .subscribe-form .form-actions input:hover {
  background-color: #646060;
}

.spb_bottom_bar .subscribe-form .subscribe-email input {
  width: auto;
}

.spb_bottom_bar .subscribe-form .form-actions input {
  width: auto;
  margin:0;
}

.spb-popup-main-wrapper.spb_bottom_bar {
  padding: 0;
}

.spb-popup-main-wrapper.spb_bottom_bar .subscribe-form .subscribe-bar {
  display: table;
  margin-left: auto;
  margin-right: auto;
  max-width: 900px;
}

.spb-popup-main-wrapper.spb_bottom_bar .subscribe-form .subscribe-bar {
  padding: 10px 0;
  font-family: Lato;
}

.spb-popup-main-wrapper.spb_bottom_bar .subscribe-form .subscribe-bar .subscribe-column {
  display: table-cell;
}

.spb-popup-main-wrapper .subscribe-form .subscribe-bar form {
  position: relative;
}

.spb-popup-main-wrapper .subscribe-form .subscribe-bar .subscribe-text-before {
  margin: 0 15px 0 15px;
}

.spb-popup-main-wrapper .subscribe-form .subscribe-bar input.form-email {
  padding: 10px 12px;
  width: 300px;
}

/* Suppress popup on small devices */
@media (max-width: 991px) {
  .spb-popup-main-wrapper {
    display:none;
  }
}

.pre-header-area input.form-text,
.pre-header-area textarea,
.header-top-area input.form-text,
.header-top-area textarea,
.header-area input.form-text,
.header-area textarea,
.pre-header-area input.form-text:focus,
.pre-header-area textarea:focus,
.header-top-area input.form-text:focus,
.header-top-area textarea:focus,
.header-area input.form-text:focus,
.header-area textarea:focus {
  border-color: #fff;
}