:root {
  --accent-gold:#ffb32f;
  --accent-orange:#f2a900;
  --accent-blue:#263DC9;
  --accent-red:rgb(240,78,55);
  --black-25:rgb(191,191,191);
  --black-50:rgb(127, 127, 127);
  --black-70:rgb(26,26,26);
  --black-80:#1A1A1A;
  --grey-disabled:#495057;
  --grey-light:rgb(217, 217, 217);
  --bs-btn-font-size:1rem;
}

/** CiviCRM Custom CSS **/
.hidden,
body:not(.wp-admin) #crm-container > .breadcrumb,
.hidden-repeater > div,
#bootstrap-theme .hidden-repeater:not(.show-button) button.af-repeat-remove-btn,
#bootstrap-theme .hidden-repeater > button.af-repeat-copy-btn,
#bootstrap-theme .hidden-repeater:not(.show-button) > button.af-repeat-add-btn,
#bootstrap-theme .hidden-repeater > button.af-repeat-remove-btn,
.af-admin-edit-form-link {
  display:none;
}
#bootstrap-theme,
body:not(.wp-admin) .crm-container,
body:not(.wp-admin) #crm-cdntaxcalculator-province-popup > h4,
body:not(.wp-admin) .ui-widget {
  font-family:'Inter', sans-serif!important;
}
#bootstrap-theme label {
  font-weight:normal;
}
#bootstrap-theme,
.crm-container ul.crm-checkbox-list li:nth-child(2n) label,
body:not(.wp-admin) .crm-container .select2-container.select2-container-disabled,
body:not(.wp-admin) .crm-container #crm-main-content-wrapper > crm-angular-js > form#bootstrap-theme,
body:not(.wp-admin) .crm-container ul.crm-checkbox-list li input:checked + label {
  background:none;
  box-shadow:none;
}
body:not(.wp-admin) .crm-container {
  line-height:1;
}
.crm-container h3,
.crm-container a:not(.btn),
.crm-container a:link:not(.crm-credit_card_type-icon-visa):not(.crm-credit_card_type-icon-mastercard):not(.btn) {
  background-color:inherit;
}
body:not(.wp-admin) .crm-container a:not(.btn),
body:not(.wp-admin) .crm-container a:link:not(.crm-credit_card_type-icon-visa):not(.crm-credit_card_type-icon-mastercard):not(.select2-choice):not(.btn) {
  color:var(--accent-blue);
}
body:not(.wp-admin) .crm-container select,
body:not(.wp-admin) .crm-container option,
body:not(.wp-admin) .crm-container .select2-container:not(.select2-container-disabled) a.select2-choice {
  color:var(--black-80);
  cursor:pointer;
}
body:not(.wp-admin) .crm-container .select2-container-disabled a,
body:not(.wp-admin) .crm-container option[disabled] {
  color:var(--grey-disabled);
  cursor:default;
}
body:not(.wp-admin) .crm-container h3 {
  padding:0;
}
body:not(.wp-admin) .crm-container h3 > a {
  text-decoration:none;
  display:inline;
  padding-bottom:2px;
  background-image:linear-gradient(to right, #263DC9, #263DC9);
  background-position:0 100%;
  background-size:0% 1.25px;
  background-repeat:no-repeat;
  transition:background-size .3s ease-out,color .3s ease;
}
body:not(.wp-admin) .crm-container h3 > a:hover {
  background-size:100% 1.25px;
  color:#263dc9;
}
body:not(.wp-admin) .crm-container ul.crm-checkbox-list {
  width:unset;
  border:none;
  max-width:unset;
  max-height:unset;
  display:flex;
  flex-flow:column nowrap;
}
body:not(.wp-admin) .crm-container #auto_renew_section,
body:not(.wp-admin) .crm-container ul.crm-checkbox-list li {
  display:flex;
  align-items:center;
  margin-bottom:10px;
}
body:not(.wp-admin) #bootstrap-theme ul.crm-checkbox-list li label {
  cursor:pointer;
  margin:0;
}
body:not(.wp-admin) .af-container.raic-dropdown-sidebar ul.crm-checkbox-list li:has(:checked) {
  order:-1;
}
body:not(.wp-admin) .crm-container ul.crm-checkbox-list li label,
#bootstrap-theme ul {
  padding:0;
  word-break:break-word;
}
#bootstrap-theme,
body:not(.wp-admin) .crm-container {
  & input[type="radio"],
  & input[type="checkbox"] {
    margin-right:8px;
    flex-shrink:0;
  }
  & input[type="checkbox"] {
    height:20px;
    width:20px;
  }
  & input[type="radio"],
  & input[type="radio"] {
    height:14px;
    width:14px;
    accent-color:var(--accent-blue);
  }
}

body:not(.wp-admin) #crm-container .select-container,
body:not(.wp-admin) .crm-container ul.crm-checkbox-list li input {
  left:unset;
  top:unset;
}

body:not(.wp-admin) .crm-container .content > .crm-frozen-field,
body:not(.wp-admin) .crm-container .crm-af-field:not(.hidden) > span.ng-binding,
body:not(.wp-admin) .crm-container .crm-form-date-wrapper,
body:not(.wp-admin) .crm-container label,
body:not(.wp-admin) .crm-container .af-container af-field:not(.hidden) {
  display:block;
}
body:not(.wp-admin) .crm-container #pricesetTotal > div {
  display:block!important;
}
body:not(.wp-admin) .crm-container .crm-form-date-wrapper,
body:not(.wp-admin) #crm-container .select-container,
body:not(.wp-admin) .crm-container ul.crm-checkbox-list li input,
body:not(.wp-admin) .crm-container .af-container af-field {
  position:relative;
}
body:not(.wp-admin) .crm-container .crm-af-field label:has(input) {
  margin-bottom:10px;
}
body:not(.wp-admin) .crm-container .crm-search-display-pager .text-center {
  justify-content:center;
  display:flex;
}
body:not(.wp-admin) .crm-container .crm-search-display-pager ul.pagination {
  gap:10px;
}
body:not(.wp-admin) .crm-container input.dateplugin,
body:not(.wp-admin) .crm-container input.crm-form-date {
  width:calc(100% - 6px);
}
body:not(.wp-admin) .crm-container .crm-form-date-wrapper > .crm-hover-button {
  position:absolute;
  right:5px;
  top:10%;
}

/**
 * Forms
 */
::placeholder {
  -webkit-text-security:none;
  color:color-mix(in srgb, currentColor 54%, transparent)!important;
}
::-webkit-input-placeholder {
  -webkit-text-security:none;
  color:color-mix(in srgb, currentColor 54%, transparent)!important;
}
::-moz-placeholder {
  -webkit-text-security:none;
  color:color-mix(in srgb, currentColor 54%, transparent)!important;
}
::-ms-placeholder {
  -webkit-text-security:none;
  color:color-mix(in srgb, currentColor 54%, transparent)!important;
}
::-ms-input-placeholder {
  -webkit-text-security:none;
  color:color-mix(in srgb, currentColor 54%, transparent)!important;
}
body:not(.wp-admin) .crm-container .crm-form-date-wrapper > input::-webkit-input-placeholder {
  opacity:0;
}
body:not(.wp-admin) .crm-container .crm-form-date-wrapper > input::-moz-placeholder {
  opacity:0;
}
body:not(.wp-admin) .crm-container .crm-form-date-wrapper > input::-ms-placeholder {
  opacity:0;
}
body:not(.wp-admin) .crm-container .crm-form-date-wrapper > input::-ms-input-placeholder {
  opacity:0;
}
body:not(.wp-admin) .crm-container .crm-form-date-wrapper > input::placeholder {
  opacity:0;
}
.crm-container fieldset:not(.collapsed) > legend {
  margin-bottom:inherit;
}
.swal2-container #swal2-content,
body:not(.wp-admin) .crm-container #crm-main-content-wrapper > crm-angular-js > form#bootstrap-theme fieldset legend,
.crm-container fieldset legend,
.section-title {
  background:none!important;
  font-size:18px;
  margin-bottom:1rem;
  color:#000;
}
.swal2-container #swal2-content,
body:not(.wp-admin) .crm-container #crm-main-content-wrapper > crm-angular-js > form#bootstrap-theme fieldset legend,
.crm-container fieldset legend,
.section-title,
#crm-container.crm-public .total_amount-section .content {
  font-weight:500;
}
.crm-container #crm-main-content-wrapper > crm-angular-js > form#bootstrap-theme fieldset legend,
.crm-container fieldset legend,
.section-title {
  padding-bottom:8px;
  display:flex;
  align-items:center;
}
body:not(.wp-admin) #crm-container.crm-container,
.crm-container #crm-main-content-wrapper > crm-angular-js > form#bootstrap-theme fieldset legend,
.crm-container fieldset legend,
.section-title {
/* margin-top:2rem; */
  padding-top:2rem;
}
body:not(.wp-admin) .crm-container #crm-main-content-wrapper > crm-angular-js > form#bootstrap-theme fieldset legend {
  line-height:inherit;
  border-bottom:unset;
}
body:not(.wp-admin) .crm-container fieldset legend::after,
.section-title::after {
  content:"";
  flex-grow:1;
  height:1px;
  background-color:var(--grey-light);
  margin-left:10px;
}
body:not(.wp-admin) .crm-container span.crm-hover-button,
body:not(.wp-admin) .crm-container a.crm-hover-button,
body:not(.wp-admin) .crm-container .select2-results,
body:not(.wp-admin) .crm-container .calc-value,
body:not(.wp-admin) .crm-container .content,
body:not(.wp-admin) #crm-container.crm-public .content,
body:not(.wp-admin) .crm-container .select2-container .select2-choice > .select2-chosen,
body:not(.wp-admin) .crm-container span.crm-error,
body:not(.wp-admin) .crm-container .label,
body:not(.wp-admin) #bootstrap-theme ul.crm-checkbox-list label,
body:not(.wp-admin) #bootstrap-theme .crm-af-field-label,
body:not(.wp-admin) .crm-container ul.crm-checkbox-list label,
body:not(.wp-admin) .crm-container .crm-af-field-label {
  font-size:14px;
}
body:not(.wp-admin) .crm-container,
body:not(.wp-admin) #crm-container {
  line-height:1.6;
}
body:not(.wp-admin) #crm-container p {
  color:var(--black-70);
  margin-bottom:1rem;
  font-size:1rem;
  font-weight:400;
  line-height:1.7;
}
body:not(.wp-admin) .crm-container p a:hover {
  color:var(--accent-blue);
  text-decoration:underline;
}
body:not(.wp-admin) .crm-container #request-error:not(:empty),
body:not(.wp-admin) .crm-container af-field:not(.no-margin),
body:not(.wp-admin) .crm-container fieldset.repeater,
body:not(.wp-admin) .crm-container .crm-section:not(.membership_new_intro-section),
body:not(.wp-admin) .crm-container div.form-item:not(.no-margin) {
  margin-bottom:1.25rem!important;
}
body:not(.wp-admin) .crm-container af-field,
body:not(.wp-admin) .crm-container fieldset.repeater,
body:not(.wp-admin) .crm-container .crm-section:not(.membership_new_intro-section),
body:not(.wp-admin) .crm-container div.form-item {
  padding:0;
  border:none;
}

body:not(.wp-admin) .crm-container .content,
body:not(.wp-admin) .crm-container.crm-public .content,
body:not(.wp-admin) .crm-container .label {
  padding:0!important;
  float:none!important;
}
body:not(.wp-admin) #bootstrap-theme .crm-af-field-label,
body:not(.wp-admin) .crm-container .crm-af-field-label,
body:not(.wp-admin) .crm-container .label,
body:not(.wp-admin) .crm-container.crm-public .label {
  margin-bottom:8px;
  color:#000;
  float:none;
/*  width:max-content;*/
  text-align:unset;
  display:flex;
  align-content:center;
}
body:not(.wp-admin) .crm-container {
  & .crm-marker,
  & .crm-inline-error,
  & .crm-error {
    padding:0;
    background:none;
    color:var(--accent-red);
  }
  & .crm-marker,
  & .crm-error {
    margin-left:5px;
  }
  & .crm-inline-error,
  & .crm-error {
    margin-top:4px;
  }
  & .crm-inline-error,
  & span.crm-error {
    display:block;
  }
  & .af-container.subscribe .crm-marker,
  & label .crm-error {
    color:inherit;
  }
}

body:not(.wp-admin) .crm-container #crm-main-content-wrapper > crm-angular-js > form#bootstrap-theme fieldset > div,
body:not(.wp-admin) .crm-container #crm-main-content-wrapper > crm-angular-js > form#bootstrap-theme fieldset > button,
body:not(.wp-admin) .crm-container .content {
  margin:0;
}
/*body:not(.wp-admin) .crm-container .crm-section > .content:has(.select2-container),*/
body:not(.wp-admin) .crm-container .content > .crm-frozen-field,
body:not(.wp-admin) .crm-container .editrow_country-5-section > .content,
body:not(.wp-admin) .crm-container .billing_country_id-5-section > .content,
body:not(.wp-admin) .crm-container .editrow_state_province-5-section > .content,
body:not(.wp-admin) .crm-container .billing_state_province_id-5-section > .content,
body:not(.wp-admin) .crm-container .crm-af-field > span.ng-binding,
body:not(.wp-admin) .crm-container textarea,
body:not(.wp-admin) .crm-container input[type="url"],
body:not(.wp-admin) .crm-container input[type="text"],
body:not(.wp-admin) .crm-container input[type="number"],
body:not(.wp-admin) .crm-container input[type="password"],
body:not(.wp-admin) .crm-container input[type="email"],
body:not(.wp-admin) .crm-container select,
body:not(.wp-admin) .crm-container .select2-container .select2-choice,
body:not(.wp-admin) .crm-container input.crm-form-text,
body:not(.wp-admin) .crm-container .crm-icon-picker-button,
body:not(.wp-admin) .crm-container input.dateplugin,
body:not(.wp-admin) .crm-container input.crm-form-password {
  font-size:14px!important;
  line-height:1.6;
  padding:8px 12px!important;
  height:auto;
  width:100%;
  box-sizing:border-box;
  background:none;
}
body:not(.wp-admin) .crm-container .content > .crm-frozen-field {
  padding-left:0!important;
}
body:not(.wp-admin) .crm-container .editrow_country-5-section > .content,
body:not(.wp-admin) .crm-container .billing_country_id-5-section > .content,
body:not(.wp-admin) .crm-container .editrow_state_province-5-section > .content,
body:not(.wp-admin) .crm-container .billing_state_province_id-5-section > .content,
body:not(.wp-admin) .crm-container .crm-af-field > span.ng-binding,
body:not(.wp-admin) .crm-container textarea,
body:not(.wp-admin) .crm-container input[type="url"],
body:not(.wp-admin) .crm-container input[type="text"],
body:not(.wp-admin) .crm-container input[type="number"],
body:not(.wp-admin) .crm-container input[type="password"],
body:not(.wp-admin) .crm-container input[type="email"],
body:not(.wp-admin) .crm-container select,
body:not(.wp-admin) .crm-container .select2-container .select2-choice,
body:not(.wp-admin) .crm-container input.crm-form-text,
body:not(.wp-admin) .crm-container .crm-icon-picker-button,
body:not(.wp-admin) .crm-container input.dateplugin,
body:not(.wp-admin) .crm-container input.crm-form-password {
  border:1px solid var(--black-50);
  border-radius:4px!important;
}
/** Hack:Innorbital is adding spacing on forms? **/
body:not(.wp-admin) .crm-container #payment_information .crm-section,
body:not(.wp-admin) .crm-container .crm-af-field > .form-group {
  margin-bottom:0!important;
}
body:not(.wp-admin) #crm-cdntaxcalculator-province-popup .select2-container,
body:not(.wp-admin) .crm-container .crm-af-field > span.ng-binding,
body:not(.wp-admin) .select2-container-multi .select2-choices .select2-search-field input {
  width:100%!important;
}
body:not(.wp-admin) .crm-container .crm-af-field > span.ng-binding {
  min-height:calc(14px*1.6 + 16px);
  color:color-mix(in srgb, currentColor 54%, transparent) !important;
}
body:not(.wp-admin) .crm-container .crm-af-field > span.ng-binding,
body:not(.wp-admin) #bootstrap-theme .af-container.subscribe .crm-af-field-label {
  font-weight:600;
}
body:not(.wp-admin) .select2-dropdown-open .select2-choice,
body:not(.wp-admin) .select2-container .select2-choice:focus,
body:not(.wp-admin) .select2-container:focus,
body:not(.wp-admin) .crm-container .select2-drop-active,
body:not(.wp-admin) .crm-container textarea:focus,
body:not(.wp-admin) .crm-container input[type="number"]:focus,
body:not(.wp-admin) .crm-container input[type="text"]:focus,
body:not(.wp-admin) .crm-container input[type="password"]:focus,
body:not(.wp-admin) .crm-container input[type="email"]:focus,
body:not(.wp-admin) .crm-container select:focus,
body:not(.wp-admin) .crm-container .select2-container .select2-container:focus,
body:not(.wp-admin) .crm-container .select2-container .select2-choice:focus,
body:not(.wp-admin) .crm-container input.crm-form-text:focus,
body:not(.wp-admin) .crm-container .crm-icon-picker-button:focus,
body:not(.wp-admin) .crm-container input.dateplugin:focus,
body:not(.wp-admin) .crm-container input.crm-form-password:focus {
  border-color:var(--accent-blue)!important;
  outline:none;
}
body:not(.wp-admin) .crm-container .af-container.subscribe {
  & input[type="email"] {
    border:none;
    border-radius:0!important;
    border-bottom:1px solid #000!important;
    padding:8px 0!important;
    font-size:1rem!important;
  }
}
body:not(.wp-admin) {
  & .crm-container .crm-block > .messages,
  & .crm-container .crm-form-select option:active,
  & .crm-container .crm-form-select option:focus,
  & .select2-drop.select2-drop-active.crm-container .select2-results .select2-highlighted,
  & .select2-results .select2-highlighted {
    background-color:var(--accent-blue);
  }
}
body:not(.wp-admin) #crm-container .crm-block > .messages {
  &,
  & p,
  & a,
  & a:link {
    color:#fff;
  }
}
body:not(.wp-admin) .crm-container .ng-invalid.form-control,
body:not(.wp-admin) .crm-container select.crm-inline-error,
body:not(.wp-admin) .crm-container select.error,
body:not(.wp-admin) .crm-container input.crm-inline-error,
body:not(.wp-admin) .crm-container input.error {
  border-color:var(--accent-red)!important;
}
.swal2-actions button:not(.dropdown-toggle):not(.search-reset):not(.af-repeat-remove-btn),
body:not(.wp-admin) .crm-container .btn:not(.dropdown-toggle):not(.search-reset):not(.af-repeat-remove-btn),
body:not(.wp-admin) .crm-container button:not(.dropdown-toggle):not(.search-reset):not(.af-repeat-remove-btn):not(.mobile-filters-btn),
body:not(.wp-admin) .crm-container .ui-dialog-buttonset button {
  display:inline-block;
  padding:10px 24px;
  flex-shrink:0;
}
.radiobuttons-form-radios-as-buttons .crm-radio-wrapper.selected label,
.swal2-actions button:not(.dropdown-toggle):not(.search-reset):not(.ui-widget.ui-button):hover,
body:not(.wp-admin) .crm-container .btn:not(.dropdown-toggle):not(.search-reset):not(.ui-widget.ui-button):hover,
body:not(.wp-admin) .crm-container button:not(.dropdown-toggle):not(.search-reset):not(.ui-widget.ui-button):hover,
body:not(.wp-admin) .crm-container .ui-dialog-buttonset .ui-button:hover {
  background-color:#000;
  border:1px solid var(--accent-orange);
  color:var(--accent-orange);
}
.crm-container .radiobuttons-form-radios-as-buttons .crm-radio-wrapper.selected > label {
  color:var(--accent-orange)!important;
}
.radiobuttons-form-radios-as-buttons .crm-radio-wrapper label,
.radiobuttons-form-radios-as-buttons .crm-radio-wrapper label:focus,
.swal2-actions button:not(.dropdown-toggle):not(.search-reset):not(.ui-widget.ui-button):focus,
.crm-container .btn:not(.dropdown-toggle):not(.search-reset):not(.ui-widget.ui-button):focus,
.crm-container button:not(.dropdown-toggle):not(.search-reset):not(.ui-widget.ui-button):focus,
.crm-container .ui-dialog-buttonset .ui-button:focus,
.swal2-styled.swal2-confirm,
.crm-container.crm-public form > .messages,
.crm-container .crm-button,
.crm-container .ui-dialog-buttonset .ui-button,
.crm-container a.btn,
.crm-container .btn,
.crm-container button {
  color:#000;
  background-color:var(--accent-gold);
  border:1px solid var(--accent-orange);
  font-weight:500;
  font-size: var(--bs-btn-font-size);
  text-shadow:none;
}
.radiobuttons-form-radios-as-buttons .crm-radio-wrapper label,
.swal2-styled.swal2-confirm,
.crm-container .crm-button,
.crm-container .ui-dialog-buttonset .ui-button,
.crm-container a.btn,
.crm-container .btn,
.crm-container button {
  cursor:pointer;
  transition:all 0.3s ease;
}
body:not(.wp-admin) .crm-container select {
  appearance:none;
}
body:not(.wp-admin) .crm-container .styled-select-arrow {
  position:absolute;
  top:50%;
  right:15px;
  display:block;
  transform:translateY(-50%);
  width:0.8rem;
  height:0.8rem;
  box-sizing:border-box;
  border:none;
  transition:transform 0.3s ease;  
}
body:not(.wp-admin) .crm-container .select2-container.select2-dropdown-open {
  position:relative;
  transition:background-image 0.3s ease;
}
body:not(.wp-admin) .crm-container {
  & .crm-form-select,
  & .select2-container,
  & .styled-select-arrow {
    cursor:pointer;
    background:transparent url('/sites/staging.raic.symbiodev.xyz/wp-content/themes/raic/images/raic-chevron-down.svg') no-repeat calc(100% - 12px) center;
  }
  & .crm-form-select:focus,
  & .select2-container.select2-dropdown-open {
    background-image:url('/sites/staging.raic.symbiodev.xyz/wp-content/themes/raic/images/raic-chevron-up.svg');
  }
}
body:not(.wp-admin) .crm-container #editrow-prefix_id .content:has(.crm-form-select) {
  background-position:12% center;
}
body:not(.wp-admin) .crm-container .crm-form-date-wrapper {
  width:max-content;
  max-width:100%;
  position:relative;
  display:block;
  background:transparent url('/sites/staging.raic.symbiodev.xyz/wp-content/themes/raic/images/raic-date.svg') no-repeat calc(100% - 12px) center;
}
body:not(.wp-admin) .crm-container .crm-form-date-wrapper > .crm-hover-button {
  position:absolute;
  top:7px;
  right:35px;
  color:var(--accent-blue);
  opacity:1;
}
body:not(.wp-admin) .crm-container fieldset {
  margin:0;
  padding:0;
  border:none;
}
body:not(.wp-admin) .crm-container #crm-main-content-wrapper > crm-angular-js > form#bootstrap-theme fieldset legend,
body:not(.wp-admin) .crm-container fieldset legend {
  padding-left:0;
  padding-right:0;
  float:none;
  width:100%;
}
body:not(.wp-admin) .crm-container #crm-main-content-wrapper > crm-angular-js > form#bootstrap-theme .crm-af-field,
body:not(.wp-admin) .crm-container #crm-main-content-wrapper > crm-angular-js > form#bootstrap-theme .af-field-type-select,
body:not(.wp-admin) .crm-container #crm-main-content-wrapper > crm-angular-js > form#bootstrap-theme .select2-container {
  max-width:unset;
}
body:not(.wp-admin) .crm-container .price-set-option-content label {
  margin-left:8px;
}
body:not(.wp-admin) #crm-container {
  & #pricevaluetax,
  & #pricesetTotal #pricevalue,
  & .price-set-row label {
    font-size:14px;
    color:var(--black-80);
    font-weight:bold;
  }
}

/** FormBuilder **/
body:not(.wp-admin) .crm-container .blockUI.blockOverlay {
  background-color:unset!important;
}
body:not(.wp-admin) .crm-container .form-control {
  padding:0;
  font-weight:inherit;
  line-height:1.6;
  color:inherit;
  background-color:unset;
  border:none;
}
body:not(.wp-admin) .swal2-styled:focus,
body:not(.wp-admin) .crm-container .form-control:focus {
  box-shadow:none;
}
#bootstrap-theme .af-container [af-repeat-item] button.af-repeat-remove-btn {
  top:32px;
}
body:not(.wp-admin) .crm-container .repeater [af-repeat-item] {
  align-items:center;
  & > *:first-child {
    width:90%;
  }
  & > .af-repeat-remove-btn {
    top:calc(50% - 14px)!important;
  }
}
body:not(.wp-admin) .crm-container .af-container.repeater .af-layout-cols {
  & > .af-field-type-select {
    width:calc(33% - 10px);
  }
  & > .af-field-type-url {
    width:calc(67% - 10px);
  }
}

/** Select2 **/
body:not(.wp-admin) .crm-container .crm-af-field .select2-container,
body:not(.wp-admin) .crm-container .form-item:not(.editrow_prefix_id-section) .select2-container {
  width:100%!important;
}
/*body:not(.wp-admin) .crm-event-register-form-block .price-set-row label > span,*/
.raic-mobile-buttons,
body:not(.wp-admin) .CRM_Contribute_Form_Contribution_Main #editrow-custom_359 > .label,
body:not(.wp-admin) .CRM_Contribute_Form_Contribution_Confirm #editrow-custom_359 > .label,
body:not(.wp-admin) .CRM_Contribute_Form_Contribution_ThankYou #editrow-custom_359 > .label,
body:not(.wp-admin) .CRM_Contribute_Form_Contribution_Confirm legend,
body:not(.wp-admin) .CRM_Contribute_Form_Contribution_ThankYou legend,
body:not(.wp-admin) #membership .crm-profile-id-97 > legend,
body:not(.wp-admin) #crm-container .membership_new_intro-section:empty,
body:not(.wp-admin) .crm-container .select-container > #credit_card_type + .styled-select-arrow,
body:not(.wp-admin) .crm-container .select2-arrow,
body:not(.wp-admin) .crm-container .select2-search-choice-close,
body:not(.wp-admin) .crm-container .select2-arrow b {
  display:none;
}
body:not(.wp-admin) .crm-container .select2-container .select2-choice > .select2-chosen {
  font-size:0.9rem;
  margin-right:0;
}
body:not(.wp-admin) .crm-container .select2-container .select2-choice > .select2-chosen:empty {
  min-height:1.35rem;
}
body:not(.wp-admin) .select2-container-active .select2-choice {
  box-shadow:none;
}
.select2-results .select2-no-results,
.select2-results .select2-searching,
.select2-results .select2-ajax-error,
.select2-results .select2-selection-limit {
  background:#fff;
}
body:not(.wp-admin) .crm-container span.crm-hover-button,
body:not(.wp-admin) .crm-container a.crm-hover-button {
  opacity:1;
  border:none;
  &:hover {
    background-image:none;
    border:none;
    font-weight:600;
  }
}

/** Flex Forms (*/
body:not(.wp-admin) .crm-container .repeater [af-repeat-item],
body:not(.wp-admin) .crm-container #auto_renew_section,
body:not(.wp-admin) .af-container:not(.af-layout-cols) > .af-field-type-radio .crm-af-field,
body:not(.wp-admin) .af-container:not(.af-layout-cols):not(.raic-dropdown-sidebar) > .af-field-type-check-box:not(.af-field-type-toggle) ul.crm-checkbox-list,
body:not(.wp-admin) #crm-container .credit_card_info-section,
body:not(.wp-admin) #crm-container .billing_name_address-section,
body:not(.wp-admin) #crm-container .crm-credit_card_type-icons,
body:not(.wp-admin) #crm-container fieldset.crm-profile,
body:not(.wp-admin) .crm-container .flex {
  display:flex;
  flex-flow:row wrap;
}
body:not(.wp-admin) #crm-container .credit_card_info-section,
body:not(.wp-admin) #crm-container .billing_name_address-section,
body:not(.wp-admin) #crm-container .crm-credit_card_type-icons,
body:not(.wp-admin) #crm-container fieldset.crm-profile,
body:not(.wp-admin) .crm-container .flex,
body:not(.wp-admin) .crm-container .af-container.af-layout-cols {
  gap:20px;
  align-items:flex-start;
}
body:not(.wp-admin) .af-container:not(.af-layout-cols):not(.raic-dropdown-sidebar) > .af-field-type-check-box ul.crm-checkbox-list li,
body:not(.wp-admin) .af-container:not(.af-layout-cols) > .af-field-type-radio .crm-af-field label,
body:not(.wp-admin) .crm-container .af-container.af-layout-cols > *:not([name="prefix_id"]):not(legend):not(.no-width),
body:not(.wp-admin) #crm-container .credit_card_info-section > *,
body:not(.wp-admin) #crm-container .billing_name_address-section > *,
body:not(.wp-admin) .crm-container fieldset.crm-profile > *:not(.header-dark),
body:not(.wp-admin) .crm-container .two-column > * {
  width:calc(50% - 10px);
}
body:not(.wp-admin) .crm-container [af-repeat-item="item"] .af-container.af-layout-cols > *:not([name="prefix_id"]):not(legend):nth-child(2n) {
  width:calc(42% - 10px);
}
 
body:not(.wp-admin) .crm-container .af-container:not(.raic-filter-options) > .af-field-type-date {
  max-width:calc(50% - 10px);
}
body:not(.wp-admin) #ui-datepicker-div {
  z-index:100!important;
}
body:not(.wp-admin) .crm-container fieldset.crm-profile > .header-dark,
body:not(.wp-admin) .crm-container .label,
body:not(.wp-admin) .crm-container .crm-search-display-grid-container.crm-search-display-grid-layout-2 > div, 
body:not(.wp-admin) .crm-container .crm-search-display-grid-container.crm-search-display-grid-layout-2 > div > div, 
body:not(.wp-admin) #crm-container .credit_card_info-section > .credit_card_number-section,
body:not(.wp-admin) #crm-container #editrow-street_address-5,
body:not(.wp-admin) #crm-container .billing_street_address-5-section,
body:not(.wp-admin) #crm-container .billing_name_address-section > legend,
body:not(.wp-admin) #crm-container fieldset.crm-profile > legend,
body:not(.wp-admin) .crm-container .full-row > * {
  width:100%;
}
body:not(.wp-admin) .crm-container .header-dark {
  background-color:#000;
  color:white;
  padding:1rem;
  margin:1.5rem 0;
  font-size:18px;
}
body:not(.wp-admin) .crm-container .help {
  font-size:16px;
  border:none;
  margin:0 auto;
  padding:8px 16px;
  background-color:var(--accent-gold);
}
body:not(.wp-admin) .CRM_Contribute_Form_Contribution_Confirm .crm-profile-view .crm-section,
body:not(.wp-admin) .CRM_Contribute_Form_Contribution_ThankYou .crm-profile-view .crm-section,
body:not(.wp-admin) .crm-container .price-set-option-content,
body:not(.wp-admin) .crm-container .checkbox-item {
  display:flex;
}
body:not(.wp-admin) .CRM_Contribute_Form_Contribution_Confirm .crm-profile-view .crm-section,
body:not(.wp-admin) .CRM_Contribute_Form_Contribution_ThankYou .crm-profile-view .crm-section {
  flex-flow:row wrap;
  align-items:baseline;
}
body:not(.wp-admin) .crm-container .crm-multiple-checkbox-radio-options .crm-option-label-pair,
body:not(.wp-admin) .crm-container .price-set-option-content,
body:not(.wp-admin) .crm-container .checkbox-item {
  align-items:center;
}
body:not(.wp-admin) #crm-container .price-set-option-content,
body:not(.wp-admin) .crm-container .checkbox-item,
body:not(.wp-admin) #crm-container .crm-credit_card_type-icons {
  margin-bottom:10px;
}
body:not(.wp-admin) .crm-container .af-container.af-layout-cols > [name="prefix_id"],
body:not(.wp-admin) .crm-container .form-item.editrow_prefix_id-section .select2-container {
  width:calc(100% / 4)!important;
}
body:not(.wp-admin) .CRM_Contribute_Form_Contribution_ThankYou .crm-profile-view .crm-section > *,
body:not(.wp-admin) .CRM_Contribute_Form_Contribution_Confirm .crm-profile-view .crm-section > *,
body:not(.wp-admin) .crm-container .af-container.af-layout-cols > * {
  flex:0 0 auto;
}
body:not(.wp-admin) .crm-container .af-container.af-layout-cols > *,
body:not(.wp-admin) .crm-container .af-container.af-layout-inline > * {
  margin-right:0;
}
body:not(.wp-admin) .crm-container {
  & input.crm-form-radio + label,
  & input.crm-form-checkbox + label {
    margin-left:0;
  }
}
body:not(.wp-admin) #crm-container .CRM_Contribute_Form_Contribution_ThankYou .crm-profile-view > .crm-profile,
body:not(.wp-admin) #crm-container .CRM_Contribute_Form_Contribution_Confirm .crm-profile-view > .crm-profile {
  gap:0;
}
body:not(.wp-admin) #crm-container .CRM_Contribute_Form_Contribution_ThankYou .crm-profile-view .crm-section,
body:not(.wp-admin) #crm-container .CRM_Contribute_Form_Contribution_Confirm .crm-profile-view .crm-section {
  margin-bottom:0!important;

  & .label {
    width:max-content;

    & label {
      font-weight:600;
      padding:8px 12px 8px 0;
      &::after {
        content:':';
        display:inline;
      }
    }
  }

  & .content {
    width:max-content;
  }
}

/** Toggle Switch **/
#bootstrap-theme .crm-container .crm-form-toggle-container,
#bootstrap-theme .af-field-type-toggle .crm-form-toggle-container,
#bootstrap-theme .af-gui-field-input-type-toggle .crm-form-toggle-container {
   & input[type="checkbox"].crm-form-toggle {
    font-size:inherit;
    width:2.75rem!important;
    height:auto!important;
    padding:0.7rem 0!important;
    color:inherit;
    border:2px solid var(--black-50);
    background-color:var(--black-50);
  }
  & input[type="checkbox"]::before {
    width:1.25rem;
    height:1.25rem;
    margin:0 0.1rem;
    border:1px solid #fff;
    background:#fff;
  }
  & input[type="checkbox"]:checked {
    border:2px solid var(--accent-blue);
    background-color:var(--accent-blue);
  }
  & input[type="checkbox"]:checked::before {
    left:1.2rem;
  }
  & input[type="checkbox"]:disabled {
    opacity:0.4;
  }
}

/** Searchkit Grid **/
body:not(.wp-admin) .crm-container .crm-search-display-grid-container.crm-search-display-grid-layout-2 {
  gap:30px;
  margin-bottom:40px;
}

/** Sweet Alert **/
.swal2-icon.swal2-warning {
  border-color:var(--accent-gold);
  color:var(--accent-gold);
}

/** Dialogs **/
.swal2-container .swal2-popup,
.crm-container.ui-dialog.ui-front {
  padding:3rem 2rem 5rem 2rem;
}
.crm-container.ui-dialog.no-close .ui-dialog-titlebar-close {
  display:none;
}
#crm-cdntaxcalculator-province-popup,
body:not(.wp-admin) .crm-container.ui-dialog.ui-front {
  box-shadow:none;

  & h4,
  & .ui-dialog-titlebar {
    background:none;
    padding:0 0 0.75rem 0;
    margin-bottom:1.25rem;
    border-top:none;
    border-left:none;
    border-right:none;
    border-bottom:1px solid var(--grey-light);
    border-radius:0;
    position:unset;
  }
  & .ui-dialog-title {
    background:none;
    margin:0;
    padding:0;
    float:none;
    white-space:wrap;
  }
  & h4,
  & .ui-dialog-title {
    font-size:2.5rem;
    font-weight:500;
    color:#000;
  }
  & fieldset legend {
    padding-top:1rem;
  }
  & button.ui-dialog-titlebar-close {
    position:absolute;
    top:1rem;
    right:1rem;
    font-size:1.5rem;
    width:2rem;
    height:2rem;
    padding:0!important;
    margin:0;
    color:#000;
    &:hover {
      color:var(--accent-orange);
      background:none;
    }
    & > span:first-child {
      width:1.5rem;
      height:1.5rem;
      margin-left:calc(-1.5rem / 2);
    }
  }
  & .ui-dialog-content {
    padding:0;
    & af-field {
      margin-bottom:2rem!important;
    }
    & .af-container {
      margin-top:1rem;
    }
  }
  & .crm-dialog-titlebar-resize,
  & .crm-dialog-titlebar-print {
    display:none!important;
  }
  & .ui-dialog-buttonpane {
    background:none;
    border:none;
    padding:0;
    & .ui-dialog-buttonset {
      padding:0;
      float:none;
    }
  }
}
.swal2-container .swal2-popup {
  & > div {
    padding:0;
  }
}

/** Tables **/
body:not(.wp-admin) .crm-container tbody th {
  border-bottom-color:#111;
  border-width:1px;
  background-color:var(--accent-gold);
  padding:10px 18px;
}
body:not(.wp-admin) .crm-container tbody td {
  padding:8px 10px;
  border:1px solid #ddd;
  font-weight:400;
}
body:not(.wp-admin) .crm-container tbody th,
body:not(.wp-admin) .crm-container tbody td,
#crm-container.crm-public .calc-value,
#crm-container.crm-public .total_amount-section .content {
  font-size:1rem;
  color:#000;
}
#crm-container.crm-public .total_amount-section .content > div > div:first-child {
  font-weight:bold;
}


/** Responsive **/
@media (max-width:991px) {
  body:not(.wp-admin) .crm-container ul.crm-checkbox-list li {
    margin-bottom:8px;
    padding:8px 0;
  }
  .raic-mobile-filter-actions > button[type="reset"] {
    background:rgb(255, 255, 255)!important;
    border-radius:0px;
    border-color:rgb(222,226,230)!important;
    color:rgb(51, 51, 51)!important;
    font-family:'BDO Grotesk', sans-serif !important;
    font-size:1rem;
    font-weight:500;
    padding:12px 20px;
    text-align:center;
    transition:0.3s;
  }
  .raic-mobile-filter-actions {
    display:grid;
    gap:10px;
    grid-template-columns:1fr 1fr;
    margin:0px;
    padding:0px;
  }

}

@media (max-width:767px) {
  body:not(.wp-admin) .crm-container .crm-search-display-grid-container.crm-search-display-grid-layout-2 {
    grid-template-columns:1fr;
  }
/*
  body:not(.wp-admin) #crm-container .credit_card_info-section,
  body:not(.wp-admin) #crm-container .billing_name_address-section,
  body:not(.wp-admin) #crm-container .crm-credit_card_type-icons,
  body:not(.wp-admin) #crm-container fieldset.crm-profile,
*/
  body:not(.wp-admin) .af-container:not(.af-layout-cols) > .af-field-type-radio .crm-af-field,
  body:not(.wp-admin) .af-container:not(.af-layout-cols) > .af-field-type-check-box ul.crm-checkbox-list,
  body:not(.wp-admin) .crm-container .flex,
  body:not(.wp-admin) .crm-container .af-container.af-layout-cols {
    flex-direction:column;
  }
  body:not(.wp-admin) .crm-container .af-container:not(.raic-filter-options) > .af-field-type-date {
    max-width:unset;
  }
  body:not(.wp-admin) .af-container:not(.af-layout-cols) > .af-field-type-check-box ul.crm-checkbox-list li, body:not(.wp-admin) .af-container:not(.af-layout-cols) > .af-field-type-radio .crm-af-field label, body:not(.wp-admin) .crm-container .af-container.af-layout-cols > :not([name="prefix_id"]):not(legend), body:not(.wp-admin) #crm-container .credit_card_info-section > *, body:not(.wp-admin) #crm-container .billing_name_address-section > *, body:not(.wp-admin) .crm-container fieldset.crm-profile > *, body:not(.wp-admin) .crm-container .two-column > *,
  body:not(.wp-admin) .crm-container .af-container.af-layout-cols > [name="prefix_id"], body:not(.wp-admin) .crm-container .form-item.editrow_prefix_id-section .select2-container,
  body:not(.wp-admin) .crm-container button.af-button {
    width:100%!important;
  }
  body:not(.wp-admin) .crm-container ul.crm-checkbox-list li:has(:checked) {
    order:inherit;
  }

  body:not(.wp-admin) #crm-container .CRM_Contribute_Form_Contribution_ThankYou .crm-profile-view .crm-section,
  body:not(.wp-admin) #crm-container .CRM_Contribute_Form_Contribution_Confirm .crm-profile-view .crm-section {
    & .label {
      width:100%;
      margin-bottom:0;

      & label {
        padding-top:0;
        padding-bottom:0;
      }
    }

    & .content {
      width:100%;
    }
  }
}