/*general styling*/

.crm-container a.button, .crm-container a.button:link, .crm-container a.button:visited, .crm-container input.form-submit, .crm-container .crm-button, #crm-container input[type="button"], #crm-container input.form-submit-inline, #crm-container .crm-button {
    background: #7f3f98 !important;
    padding: 10px !important;
    border: 2px solid #7f3f98 !important;
}

label {
    line-height: 2;
}
input:focus {
    outline: none;
}
.views-exposed-form .views-exposed-widget {
    float: none;
    display: block;
    padding: 0;
}

/*masquerade*/

.block-masquerade h2 {
    color: #e6edf4;
    font-size: 20px;
    text-transform: uppercase;
}

.block-masquerade input.form-submit {
    background: #5476a8;
}
/**/

input.form-text,
input.form-submit,
select.form-select, 
.container-inline-date .form-item input {
  font-family: "Open Sans", sans-serif;
  height: 60px;
  padding: 0 20px;
  border: none;
  background-color: #eff0f1;
  border-radius: 5px;
  font-size: 18px;
  color: #414141;
  width: 100%;
  box-sizing: border-box;
  margin-bottom: 20px;
  -moz-appearance: none;
  -webkit-appearance: none;
}
select.form-select {
  border: 0 !important; 
  -webkit-appearance: none; 
  -moz-appearance: none; 
  background: #eff0f1 url('/sites/all/themes/responsive_bartik/images/icon-dropdown-arrow.png') no-repeat; 
  text-indent: 0.01px; 
  text-overflow: "";  
}
.form-type-date-popup input {
  background: #eff0f1 url('/sites/all/themes/responsive_bartik/images/icon-calendar.png') no-repeat; 
}
select.form-select,
.form-type-date-popup input{
  padding-right: 45px;
  background-position: right 15px center;
}
.views-exposed-form .views-exposed-widget .form-submit{
  margin-top: 0;
}
.container-inline-date .form-item,
.views-exposed-form .container-inline-date .date-padding{
  width: 100%;
}
input.form-submit{
  cursor: pointer;
  background-color: #7f3f98;
  color: #fff;
  width: auto;
  font-weight: 700;
  height: 60px;
  -moz-appearance: none;
  -webkit-appearance: none;
}
input.form-submit:hover{
  opacity: .7;
}

/*search forms*/

.views-exposed-form .form-item, .views-exposed-form .form-submit {
  position: relative;
}

.page-organizations .views-exposed-form input.form-text,
.organizations-featured .views-exposed-form input.form-text,
.page-search-resources .views-exposed-form input.form-text {
    display: block;
    float: left;
    width: 100%;
    position: relative;
}

.views-exposed-widget.views-submit-button,
.views-exposed-widget.views-reset-button,
.organizations-featured .views-exposed-widget.views-submit-button,
.organizations-featured .views-exposed-widget.views-reset-button,
.page-search-resources .views-exposed-widget.views-submit-button,
.page-search-resources .views-exposed-widget.views-reset-button {
    display: block;
    float: left;
    margin: 0% 2% 0 0;
}

form#views-exposed-form-organizations-page .views-exposed-widget.views-submit-button {
    margin-left: 0;
}

@media screen and (min-width: 1024px) {
  .views-exposed-widget.views-submit-button,
  .views-exposed-widget.views-reset-button,
  .organizations-featured .views-exposed-widget.views-submit-button,
  .organizations-featured .views-exposed-widget.views-reset-button,
  .page-search-resources .views-exposed-widget.views-submit-button,
  .page-search-resources .views-exposed-widget.views-reset-button {
    margin: 0 0 0 1%;
  }

  .views-exposed-widget.views-submit-button {
      margin-left: 0;
  }

  .page-organizations .views-exposed-form input.form-text,
  .page-search-resources .views-exposed-form input.form-text {
    width: calc(100% - 330px);
  }

  .views-exposed-widget.views-submit-button,
  .views-exposed-widget.views-reset-button,
  .organizations-featured .views-exposed-widget.views-submit-button,
  .organizations-featured .views-exposed-widget.views-reset-button,
  .page-search-resources .views-exposed-widget.views-submit-button,
  .page-search-resources .views-exposed-widget.views-reset-button {
    display: inline-block;
    float: left;
    width: auto;
  }
}

/*comment form*/

.comment-form label {
    font-family: "Open Sans", sans-serif;
    font-weight: 700;
    font-size: 18px;
}

h2.title.comment-form {
    font-family: "Open Sans", sans-serif;
    font-weight: 700;
    font-size: 24px;
    text-transform: uppercase;
    padding-bottom: 0;
}

h2.title.comment-form:before {
    content: "\f040";
    color: #0067b1;
    margin-right: 5px;
    font-weight: normal;
}
.field-name-comment-body .form-item {
    margin-top: 0;
}

/*===============================
========= DONATION FORM =========
===============================*/

/*general styling*/
/*.not-front.no-sidebars.page-node-9570 .block-easy-breadcrumb,*/
/* 
.not-front.no-sidebars.page-node-9868 .block-easy-breadcrumb,
 */
.not-front.no-sidebars.page-node-9866 .block-easy-breadcrumb,
.not-front.no-sidebars.page-node-9867 .block-easy-breadcrumb,
.not-front.no-sidebars.page-node-10121 .block-easy-breadcrumb {
    display: none;
}

/*.not-front.no-sidebars.page-node-9570 #main-wrapper,*/
/* 
.not-front.no-sidebars.page-node-9868 #main-wrapper,
 */
.not-front.no-sidebars.page-node-9866 #main-wrapper,
/* 
.not-front.no-sidebars.page-node-9867 #main-wrapper,
 */
.not-front.no-sidebars.page-node-10121 #main-wrapper,
.node-type-webform.webform-donation #main-wrapper {
    background: #0067b1;
}

/*#node-9570,*/
/* 
#node-9868,
 */
#node-9866,
/* 
#node-9867,
 */
#node-10121,
.node-type-webform.webform-donation .node-webform {
    margin: 0;
    padding: 60px 0;
}

/*.not-front.no-sidebars.page-node-9570 #main-wrapper .node-webform > .content,*/
/* 
.not-front.no-sidebars.page-node-9868 #main-wrapper .node-webform > .content,
 */
.not-front.no-sidebars.page-node-9866 #main-wrapper .node-webform > .content,
/* 
.not-front.no-sidebars.page-node-9867 #main-wrapper .node-webform > .content,
 */
.not-front.no-sidebars.page-node-10121 #main-wrapper .node-webform > .content,
.not-front.node-type-webform.webform-donation .node-webform > .content {
    max-width: 830px;
}

/*#node-9570 .form-actions,*/
/* 
#node-9868 .form-actions,
 */
#node-9866 .form-actions,
/* 
#node-9867 .form-actions,
 */
#node-10121 .form-actions,
.node-type-webform.webform-donation .form-actions {
    background: #fff;
    margin: 0;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    padding: 0 20px 20px;
}

/*=== wrappers ===*/
.gift-wrapper,
.donor-wrapper {
    background: #fff;
    padding: 20px;
    border-radius: 4px;
}

.billing-wrapper {
    background: #fff;
    padding: 20px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

.gift-wrapper .webform-component,
.donor-wrapper .webform-component {
    margin: 0;
}

.donor-wrapper {
    margin: 60px 0;
}

.gift-wrapper label.option,
.donor-wrapper label.option,
.billing-wrapper label.option {
    padding: 0 0 0 5px;
}

.gift-wrapper.webform-component p,
.donor-wrapper.webform-component p,
.billing-wrapper.webform-component p {
    line-height: 1.5;
}

/*tax info*/
.webform-component--billing-wrapper--tax-info {
    font-family: "Open Sans", sans-serif;
    font-size: 18px;
    font-weight: 700;
    color: #224b91;
    margin: 0;
}

/*gift wrapper*/
.page-node #main .gift-wrapper h3 {
    text-transform: none;
    font-size: 18px;
    margin: 0 0 5px;
}

.gift-wrapper .webform-component h1 {
    margin: 0 !important;
    padding-bottom: 8px;
}

.gift-wrapper .gift-designation {
    margin: 40px 0;
}

.gift-wrapper .delivery-method {
    margin: 40px 0 20px;
}

.gift-wrapper .webform-component.webform-component--gift-wrapper--civicrm-2-contact-1-fieldset-fieldset--memorial-info-html {
    margin-bottom: 7px;
}

/*donor wrapper*/
.donor-wrapper .webform-component.mailing-list {
    margin-top: 40px;
}

.donor-wrapper .webform-component.webform-component--donor-wrapper--relationship-html {
    margin: 40px 0 10px;
}

/*billing wrapper*/

.billing-wrapper .crm-section div.content {
    margin: 0 !important;
    max-width: 100% !important;
}

.node-webform .billing-wrapper .crm-container input.crm-form-text {
    margin-bottom: 0;
}

.billing-wrapper .crm-form-select[style] {
    margin-bottom: 0;
}

.payment-processor {
    margin-top: 40px;
}

/*=== titles ===*/
.node-webform .webform-client-form .gift-wrapper .webform-component--gift-wrapper--gift-title h1,
.node-webform .webform-client-form .donor-wrapper .webform-component--donor-wrapper--donor-info-text h1,
.node-webform .webform-client-form .billing-wrapper .webform-component--billing-wrapper--donation-title h1 {
    font-size: 28px;
    margin: 0 0 1em !important;
}

.node-webform .webform-client-form .gift-wrapper .webform-component--gift-wrapper--gift-title h1:before {
    content: '1';
    width: 35px;
    height: 35px;
    line-height: 35px;
    color: #fff;
    background: #214a91;
    display: inline-block;
    text-align: center;
    border-radius: 50px;
    margin-right: 10px;
}

.node-webform .webform-client-form .donor-wrapper .webform-component--donor-wrapper--donor-info-text h1:before {
    content: '2';
    width: 35px;
    height: 35px;
    line-height: 35px;
    color: #fff;
    background: #214a91;
    display: inline-block;
    text-align: center;
    border-radius: 50px;
    margin-right: 10px;
}

.node-webform .webform-client-form .billing-wrapper .webform-component--billing-wrapper--donation-title h1:before {
    content: '3';
    width: 35px;
    height: 35px;
    line-height: 35px;
    color: #fff;
    background: #214a91;
    display: inline-block;
    text-align: center;
    border-radius: 50px;
    margin-right: 10px; 
}

/*=== toggle buttons ===*/
.gift-wrapper .webform-component label,
.donor-wrapper .webform-component label,
.billing-wrapper .webform-component label {
    font-size: 20px;
    text-transform: uppercase;
    font-weight: 700;
    line-height: 1.25;
}

.gift-wrapper .webform-component label.option,
.donor-wrapper .webform-component label.option,
.billing-wrapper .webform-component label.option {
    font-size: 18px;
    font-weight: 400;
    text-transform: none;
    line-height: 1.4;
}

.gift-wrapper input.select-or-other-select, 
.gift-wrapper .gift-type input[type="radio"] {
    position: absolute !important;
    clip: rect(0, 0, 0, 0);
    height: 1px;
    width: 1px;
    border: 0;
    overflow: hidden;
}

.gift-wrapper .form-item.form-type-radio:last-of-type input.select-or-other-select {
    position: relative !important;
    clip: inherit;
    width: auto;
    height: auto;
    display: inline-block;
}

.gift-wrapper .webform-component-select-or-other .form-item:last-of-type label.option {
    width: auto !important;
    display: inline-block !important;
    padding: 0 0 0 5px !important;
}

.gift-wrapper .form-item.form-type-radio:last-of-type input.select-or-other-select:hover + label,
.gift-wrapper .form-item.form-type-radio:last-of-type input.select-or-other-select:checked + label {
    background: none !important;
}

.gift-wrapper input.select-or-other-select:hover + label,
.node-type-webform .gift-wrapper .gift-type input[type="radio"]:hover + label {
    background: #c1d82f !important;
}

.gift-wrapper input.select-or-other-select:checked + label,
.node-type-webform .gift-wrapper .gift-type input[type="radio"]:checked + label {
    background: #c1d82f !important;
}

.gift-wrapper .webform-component.webform-component-select-or-other label.option, 
.gift-wrapper .webform-component .gift-type label.option {
    margin: 0;
    padding: 0;
    font-size: 22px;
    color: #fff;
    font-weight: 700;
    cursor: pointer;
    padding: 15px 20px;
    width: 100%;
    background: #7f3f98;
    border-radius: 4px;
    transition: .2s ease-in;
}

.gift-wrapper .select-or-other-select .form-item.form-type-radio:last-of-type {
    width: 100% !important;
    background: none !important;
    margin-top: 20px !important; 
    padding: 0;
    text-align: left;
    position: relative !important;
}

.gift-wrapper .select-or-other-select input.form-item.form-type-radio:last-of-type {
    position: relative !important;
    clip: inherit;
}

.gift-wrapper .select-or-other-select .form-item.form-type-radio:last-of-type label.option {
    color: #414141 !important;
    font-size: 18px !important;
    font-weight: 400 !important;
    padding-left: 20px !important;
    background: none !important;  
}

.gift-wrapper .select-or-other-select,
.gift-wrapper .gift-type {
    display: flex;
    flex-flow: row wrap;
    margin: 0;
    align-items: center;
    justify-content: space-between;
    align-content: center;
    text-align: center;
}

.gift-wrapper .select-or-other-select .form-item {
    width: 49%;
    margin: 7px 0;
    padding: 0;
    position: relative;
}

.gift-wrapper .gift-type .form-item {
    width: 100%;
    margin: 7px 0;
    padding: 0;
    position: relative;
}

@media screen and (min-width: 520px) {
    .gift-wrapper .webform-component.webform-component-select-or-other label.option {
        font-size: 30px;
    }
    .gift-wrapper .webform-component .gift-type label.option {
        font-size: 28px;
    }
}

@media screen and (min-width: 640px) {
    .gift-wrapper .select-or-other-select .form-item {
        width: 32%;
    }
    .gift-wrapper .gift-type .form-item {
        width: 49%;
    }
}
/*=== end toggle buttons ===*/

/*=== fields ===*/
.gift-wrapper .city,
.gift-wrapper .postal, 
.gift-wrapper .state-province, 
.gift-wrapper .country,
.donor-wrapper .city,
.donor-wrapper .postal,
.donor-wrapper .state-province,
.donor-wrapper .my-address,
.donor-wrapper .first-name,
.donor-wrapper .middle-name,
.constituent-type.form-item .form-checkboxes .form-item,
.billing-wrapper .billing_first_name-section,
.billing-wrapper .billing_middle_name-section,
.billing-wrapper .billing_city-5-section,
.billing-wrapper .billing_country_id-5-section,
.billing-wrapper .billing_state_province_id-5-section,
.billing-wrapper .billing_postal_code-5-section,
.billing-wrapper .billing_first_name-section,
.billing-wrapper .billing_middle_name-section {
    width: 100%;
}

.billing-wrapper input#billing_postal_code-5 {
    width: 100% !important;
}

.billing-wrapper input#cvv2 {
    width: 60% !important;
}

.billing-wrapper .crm-container .cvv2-icon {
  margin-left: 0.5em;
}

.crm-container.crm-public .select2-container .select2-choice {
  padding: 5px 70px 5px 20px;
}

.crm-container .crm-section .same-billing-address,
.crm-container div.form-item.webform-component--billing-address-same-as-above-checkbox,
.crm-container div.form-item.webform-component--donor-wrapper--billing-address-same-as-above-checkbox {
    border-radius: 0;
    margin: 1em 0;
}

.crm-section.billing_last_name-section {
    clear: both;
}

@media screen and (min-width: 640px) {
    .gift-wrapper .city,
    .gift-wrapper .postal, 
    .gift-wrapper .state-province, 
    .gift-wrapper .country,
    .donor-wrapper .city,
    .donor-wrapper .postal,
    .donor-wrapper .state-province,
    .donor-wrapper .my-address,
    .billing-wrapper .billing_city-5-section,
    .billing-wrapper .billing_country_id-5-section,
    .billing-wrapper .billing_state_province_id-5-section,
    .billing-wrapper .billing_postal_code-5-section {
        float: left;
        width: 49%;
    }
    .gift-wrapper .city,
    .gift-wrapper .postal,
    .donor-wrapper .city,
    .donor-wrapper .postal,
    .billing-wrapper .billing_city-5-section,
    .billing-wrapper .billing_state_province_id-5-section {
        margin-right: 2%;
    }
    .donor-wrapper .first-name,
    .billing-wrapper .billing_first_name-section {
        width: 58%;
        float: left;
        margin-right: 2%;
    }
    .donor-wrapper .middle-name,
    .billing-wrapper .billing_middle_name-section {
        width: 40%;
        float: left;
    }
    .gift-wrapper,
    .donor-wrapper {
        padding: 60px;
    }
    .billing-wrapper {
        padding: 60px 60px 40px;
    }
    /*#node-9570 .form-actions,*/
/* 
    #node-9868 .form-actions,
 */
    #node-9866 .form-actions,
/* 
    #node-9867 .form-actions,
 */
    #node-10121 .form-actions,
    .node-type-webform.webform-donation .form-actions {
        padding: 0 60px 60px;
    }
    .billing-wrapper input#cvv2 {
        width: 30% !important;
    }
}

@media screen and (min-width: 860px) {
    .constituent-type.form-item .form-checkboxes {
        display: flex;
        flex-flow: row wrap;
    }
    .constituent-type.form-item .form-checkboxes .form-item {
        width: 50%;
    }
}

.webform-component--civicrm-1-contribution-1-contribution-payment-processor-id {
    display: none; /* HIDE PAYMENT PROCESSOR RADIOS https://primaryimmune.org/idf-online-donation-recurring */
}
.gift-wrapper .webform-component.webform-component-select-or-other label.option:before {
    content: "$";
}
.gift-wrapper .select-or-other-select .form-item.form-type-radio:last-of-type label:before {
    content: none;
}

/*thank you page*/
.page-node-done #main {
    background: #fff;
    padding: 60px;
    max-width: 830px;
    margin: 0 auto;
    border-radius: 4px;
}

.page-node-done #main-wrapper {
    padding-top: 60px
}

/* CITY INFO TEXT DESCRIPTION ON DONATE PAGE */
div[class*="-city-info"] p {
    font-size: 90%;
}