/* ERROR HANDLING
------------------------------- */
.form-required{
  color: #b94a48;
}
.error .help-block,
.error .control-label {
  color: #b94a48;
}

.error .form-control {
  border-color: #b94a48;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.error .form-control:focus {
  border-color: #953b39;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392;
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392;
}

.error .input-group-addon {
  color: #b94a48;
  background-color: #f2dede;
  border-color: #b94a48;
}


.webform-next, .webform-previous, .webform-submit{
  margin-top: 15px;
}


/* WEBFORM
---------------------------------------------------- */
.webform-progressbar-page.current {
  background-color: #9DD0E8;
}

.webform-progressbar-page .webform-progressbar-page-label {
  position: relative;
  top: 20px;
  margin: 0px -25em !important;
}

.webform-progressbar-page.completed {
  background-color: #408AAD;
}

/*.webform-progressbar-page {
  position: absolute;
  width: 7px;
  height: 7px;
  margin: -6px -4px;
  border: 1px solid #408AAD;
  background-color: white;
  border-radius: 5px;
}
*/
/*
.form_spacer{
  height: 20px;
  background: none;
  position: relative;
}
*/
.webform-progressbar-page {
  position: absolute;
  width: 11px;
  height: 11px;
  margin: -9px -4px;
  border: 1px solid #408AAD;
  background-color: rgb(255, 255, 255);
  border-radius: 5px;
}

.webform-progressbar-number{
  padding-top: 10px;
  padding-bottom: 10px;
}

.webform-progressbar-inner {
  height: 1em;
  background-color: #408AAD;
  height: 4px;
}

.webform-progressbar-outer {
  position: relative;
  border: 1px solid #408AAD;
  width: 100%;
  height: 3px;
  margin: 2.35em -1px 2em;
  background-color: white;
}
.webform-client-form .description{
  font-size: 12px;
  color: #7B7B7B;
  margin-top: 3px;
}

.webform-client-form .form-item.webform-component {
  margin-top: 2px;
  margin-bottom: 16px;
}

.webform-client-form .form-item.webform-component:last-of-type {
  margin-bottom: 0;
}

.webform-client-form .form-item.webform-component.webform-component--intro h3 {
  margin-top: 0;
}

.webform-component-fieldset{
  margin-top: 15px;
}

.webform-component-fieldset .panel-heading{
  color: #333;
  background-color: #fff;
  /*border-color: #fff;*/
  border-bottom: 1px solid #ddd;
}

.webform-client-form, .field.field-name-field-form-image{
  margin-top: 20px;
}

.webform-component-fieldset .panel-title.fieldset-legend{
  font-size: 16px;
  font-weight: bold;
  color: #408AAD;
}

.webform-title-center{
  border: none;
  margin: 20px 0px 0px;
  font-family: "bebas-neue-n4", "bebas-neue",sans-serif;
  font-style: normal;
  font-weight: 400;
  color: #3670b0;
  text-align: center;
  text-transform: uppercase;
  font-size: 4.0em;
}

/* Embedded church node form on user pages.
-----------------------------------------------------*/
.page-user-church-listing .node-church-form #edit-delete--2 {
    margin-left: 28px;
}



/* FOR EXPOSED FILTERS IN SEVERAL REGIONS
---------------------------------------------------- */
#content .region-content_tabs div.views-exposed-form,
#content .region-content-top div.views-exposed-form,
#content .region-content div.views-exposed-form,
#content .region-content-bottom div.views-exposed-form {
    overflow: hidden;
}

#content .region-content_tabs .views-exposed-widget,
#content .region-content-top .views-exposed-widget,
#content .region-content .views-exposed-widget,
#content .region-content-bottom .views-exposed-widget {
    margin-top: 10px;
    margin-right: 10px;
    display: inline-block;
    vertical-align: bottom;
}

#content .region-content_tabs .views-exposed-widget .btn,
#content .region-content-top .views-exposed-widget .btn,
#content .region-content .views-exposed-widget .btn,
#content .region-content-bottom .views-exposed-widget .btn {
    margin-bottom: 15px;
}

#content .region-content_tabs .views-exposed-widget .container-inline-date > .form-item,
#content .region-content-top .views-exposed-widget .container-inline-date > .form-item,
#content .region-content .views-exposed-widget .container-inline-date > .form-item,
#content .region-content-bottom .views-exposed-widget .container-inline-date > .form-item {
    margin-bottom: 15px;
}

/* TV LISTING/FIND A STATION FORMS

   This is three separate exposed filter blocks programatically
   combined into one block.  It is used both horizontally and
   vertically, so use selectors that are aware of each situation.
-------------------------------------------------- */

/* For all cases */

#content #block-kcm-watch-kcm-watch-tv-listing .form-group {
    margin-bottom: 0px;
}

/* We don't have a visible submit button, but padding on the div
   containing the invisible one still pushes things around */
#block-kcm-watch-kcm-watch-tv-listing .views-submit-button {
    padding-top: 0px;
}


/* When used vertically */

#content #block-kcm-watch-kcm-watch-tv-listing .region-sidebar-second {
    margin-top: 15px;
}

#content .region-sidebar-second #edit-tv-listing-zone-us-daily,
#content .region-sidebar-second #edit-tv-listing-zone-us-sunday,
#content .region-sidebar-second #edit-tv-listing-zone-international {
  width: 190px;
}

/* When used horizontally */
#content .region-content-top .kcm-watch-tv-listing-block-container {
  margin-top: 20px;
}

#content .region-content-top #block-kcm-watch-kcm-watch-tv-listing {
  margin-bottom: 35px;
}

#content .region-content-top #block-kcm-watch-kcm-watch-tv-listing div.views-exposed-form {
  overflow: hidden;
}

#content .region-content-top #block-kcm-watch-kcm-watch-tv-listing .block-views {
/*  float: left; */
/*  min-width: 250px; */
/*  max-width: 300px; */
  margin-top: 0px;
  margin-bottom: 10px;
  width: 100%;
}

#content .region-content-top #block-kcm-watch-kcm-watch-tv-listing .block-views .views-exposed-widget {
  width: 100%;
}

#content .region-content-top #block-kcm-watch-kcm-watch-tv-listing .block-views .views-submit-button {
  width: 0px;
  margin-right: 0px;
  padding-left: 0px;
}

#content .region-content-top #block-kcm-watch-kcm-watch-tv-listing .block-views .form-type-select {
  width: 100%;
}

/* USER FORMS
-------------------------------------------------- */
/* Reset margins for .form-group, bootstrap is adding that class excessively to our forms */
.form-horizontal .form-group {
  margin-left: 0px;
  margin-right: 0px;
}
.form-horizontal>.form-group {
  margin-left: -15px;
  margin-right: -15px;
}
.form-horizontal .form-wrapper.form-group {
  margin-bottom: 0px;
}

/* Cleanup .form-horizontal elements */
.form-horizontal .control-label {
  display: block;
}
.form-horizontal .checkbox, .form-horizontal .radio  {
  margin: 0px;
  padding: 0px;
}
.form-horizontal .checkbox.form-group, .form-horizontal .radio.form-group {
  margin-bottom: 15px;
}
.form-horizontal .checkbox input, .form-horizontal .radio input {
  margin-left: 0px;
  margin-right: 10px;
}
.form-horizontal .checkbox label, .form-horizontal .radio label {
  text-align: left;
  padding: 0px;
}
.form-horizontal .checkbox label p, .form-horizontal .radio label p {
  margin: 0px;
}

/* Styling for .form-horizontal.no-input for forms with hidden inputs but text showing */
.form-horizontal.no-inputs .control-label {
  padding: 0px;
}

/*Contains the IcoMoon*/
.form-divider {
  border-bottom: 1px solid #EEEEEE;
  text-align: center;
  line-height: 0px;
  height: 1px;
  margin: 25px 0px 40px;
  padding-top: 25px;
  clear: both;
}
.form-divider-icon,
.form-divider-icon-evt {
  padding: 0px 10px;
  background: #FFFFFF;
  display: inline-block;
  position: relative;
  top: -15px;
  z-index: 0;
}

.form-info-icon>span,
.form-divider-icon-evt>span,
.megamenu-icon {
  background: #2d609b;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  font-size: 30px;
  padding: 10px;
  behavior: url(https://www.kcm.org/sites/all/libraries/PIE/PIE.htc);
}
.form-info-icon>span{
  font-size: 20px;
  padding: 1px;
}

.form-divider-icon-evt>span {
  background: #fafafa;
}
.form-divider-icon .icon-people {
  font-size: 24px;
  padding: 13px 8px;
}
.form-divider-icon .icon-plus {
  font-size: 24px;
  padding: 13px;
}

/* Nested popover styling for user forms */
@media (max-width: 767px) {
  .popover-input-wrapper .create-popover {
    position: absolute;
    right: 15px;
    top: -24px;
  }
}
@media (min-width: 768px) {
  .popover-input-wrapper {
    float: right;
  }
}
.popover-input-wrapper .create-popover:hover {
  text-decoration: none;
}

/* Text below .form-divider */
.divider-header {
  text-align: center;
}
.divider-text {
  text-align: center;
  margin-bottom: 15px;
}

/*Password strength indicator.*/
.password-strength {
  display: none;
}
div.password-confirm {
  padding-bottom: 5px;
  visibility: hidden;
}
div.password-confirm>span {
  text-transform: uppercase;
}
div.password-confirm>.error {
  color: #FF0000;
}
div.password-confirm>.ok {
  color: #008000;
}
div.form-item div.password-suggestions {
  padding: 0.2em 0.5em;
  margin: 0.7em 0;
  border: 1px solid #B4B4B4;
}
div.password-suggestions ul {
  margin-bottom: 0;
}

/* Remove default bootstrap fieldset styling, for address */
.field-name-field-user-address legend {
  display: none;
}
.field-name-field-user-address .panel {
  border: none;
  box-shadow: none;
  margin: 0px;
  background: inherit;
}
.field-name-field-user-address .panel-body {
  padding: 0px;
}
/* Remove Addressfield styling for .form-horizontal */
form.form-horizontal div.addressfield-container-inline > div.form-item {
  float: none;
  margin-right: inherit;
}

/* Submit button */
.submit-wrapper {
  text-align: center;
  clear: both;
}

/* KCM ACCOUNTS */
/* Date Select field */
#kcm-account-preferences-form .container-inline-date .form-item select{
  margin-right: 5px;
  width: 100px;
}
#kcm-account-preferences-form .container-inline-date .date-padding {
  padding: 2px 2px 2px 2px;
  float: left;
}

#kcm-account-preferences-form .form-type-date-select.form-item-birthdate.form-item.form-group {
  display: block;
  margin-right: 0.5em; /* LTR */
  margin-bottom: 10px;
  vertical-align: top;
}

/* Magazine Sub and PTSC Forms */
.page-forms .page-header {
  font-family: "bebas-neue-n4", "bebas-neue",sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 60px;
  text-align: center;
}
.page-forms-magazine-subscription .page-header {
  display: none;
}
.magazine_header,
.pts_header {
  text-align: center;
}
.magazine_header {
  margin-top: 20px;
}
.magazine_header .img-responsive,
.pts_header .img-responsive {
  margin: 0px auto;
}
.magazine_header .form-copy,
.pts_header .form-copy {
  margin: 20px auto;
  max-width: 640px;
}
.magazine_header .divider-header {
  margin-bottom: 20px;
}
.magazine_header .magazine-subscription-types,
.pts_header .pts-subscription-types {
  margin: 20px auto;
  max-width: 320px;
}

/* Hide tooltips on user forms */
body.page-user .tooltip {
  display: none !important;
}

/* Church Image field */
.field-name-field-church-logo div.image-widget-data {
  float: none;
}

.add-church-intro {
  text-align: center;
}


.first-name.form-item.webform-component.webform-component-textfield.webform-component--first-name, 
.last-name.form-item.webform-component.webform-component-textfield.webform-component--last-name, 
.address-1.form-item.webform-component.webform-component-textfield.webform-component--address-line-1,
.address-2.form-item.webform-component.webform-component-textfield.webform-component--address-line-2, 
.city.form-item.webform-component.webform-component-textfield.webform-component--city, 
.postal-code.form-item.webform-component.webform-component-textfield.webform-component--postal-code, 
.email.form-item.webform-component.webform-component-textfield.webform-component--email-address, 
.phone.form-item.webform-component.webform-component-textfield.webform-component--phone-number{
  margin-top: 15px;
}

.gift-order, .gift-freebooks, .gift-salvation{
  margin-top: 20px;
}

.gift-order, .gift-freebooks, .gift-salvation{
  margin-top: 20px;
}

.gift-order .btn-default, .gift-freebooks .btn-default, .gift-salvation .btn-default{
  color: #fff;
  background-color: #428bca;
  border-color: #357ebd;
}


.gift-order .btn-default a:hover, .gift-freebooks a:hover, .gift-salvation a:hover{
  color: #fff;
  background-color: #444;
  border-color: #357ebd;
}

.gift-order .btn, .gift-freebooks .btn, .gift-salvation .background-color {
  display: inline-block;
  padding: 6px 12px;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.428571429;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
  border: 1px solid transparent;
  border-radius: 4px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}

/*
 * Site wide Icomoon dividers.
 */
.divider,
.form-divider {
  border-bottom: 1px solid #CCCCCC;
  text-align: center;
  line-height: 0px;
  height: 1px;
  margin: 25px 0px 40px;
  padding-top: 25px;
  clear: both;
}

.divider-icon,
.form-divider-icon,
.form-divider-icon-evt {
  padding: 0px 10px;
  background: #FFFFFF;
  display: inline-block;
  position: relative;
  top: -15px;
  z-index: 0;
}

.divider-icon > span,
.form-divider-icon > span,
.form-info-icon > span,
.form-divider-icon-evt > span,
.megamenu-icon {
  background: #4693B9;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  font-size: 30px;
  padding: 10px;
  /* IE 8 PIE */
  behavior: url(https://www.kcm.org/sites/all/libraries/PIE/PIE.htc);
}

.form-info-icon>span,
.form-divider-icon-evt>span,
.megamenu-icon {
  background: #2d609b;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  font-size: 30px;
  padding: 10px;
  /* IE 8 PIE */
  behavior: url(https://www.kcm.org/sites/all/libraries/PIE/PIE.htc);
}
.form-info-icon>span{
  font-size: 20px;
  padding: 1px;
}

.form-divider-icon-evt>span {
  background: #fafafa;
}
.form-divider-icon .icon-people {
  font-size: 24px;
  padding: 13px 8px;
}
.form-divider-icon .icon-plus {
  font-size: 24px;
  padding: 13px;
}