/* FORMULAR */

@font-face {
    /* Fett */
    font-family: "Soehne Mono";
    font-weight: bold;
    src: url("https://civicrm.clubkombinat-hamburg.de/wp-content/themes/CiviCRM/fonts/SoehneMono-Fett.ttf") format("truetype");
}

@font-face {
    /* Kräftig */
    font-family: "Soehne Mono";
    font-weight: 1200;
    /* Oder extra-bold / black, je nach Gewicht der Schriftart */
    src: url("https://civicrm.clubkombinat-hamburg.de/wp-content/themes/CiviCRM/fonts/SoehneMono-Kraeftig.ttf") format("truetype");
}

@font-face {
    font-family: "Helvetica";
    src: local('Helvetica Neue'), url("https://civicrm.clubkombinat-hamburg.de/wp-content/themes/CiviCRM/fonts/Helvetica_Neue_Regular.otf") format("OpenType");
}

.crm-container .btn,
#bootstrap-theme .btn,
.crm-container button {
    background-color: black;
}

#bootstrap-theme .btn-info {
    color: white !important;
}

.crm-container {
    background-color: white;
}

.crm-container.crm-public #crm-main-content-wrapper {
    width: 100% !important;
}

.crm-container #crm-main-content-wrapper>crm-angular-js>form#bootstrap-theme fieldset {
    box-shadow: none;
}

.crm-container #crm-main-content-wrapper>crm-angular-js>form#bootstrap-theme fieldset legend {
    background: #00FF01 !important;
    color: black;
}

.crm-container .ui-widget-header,
.crm-container .ui-tabs .ui-tabs-nav,
.crm-container .nav.nav-tabs {
    min-width: 240px;
}

.crm-container .help,
.crm-container #help {
    font-weight: bold;
}

.crm-container.crm-public af-field {
    padding-left: 12px;
}

.crm-container.crm-public .af-container.af-layout-inline,
.crm-container.crm-public .af-container.af-layout-cols {
    padding: 0px;
}

.crm-actions-ribbon ul li a.edit,
.crm-membership-form-block-source,
.crm-membership-form-block-num_terms,
.crm-membership-form-block-campaign_id,
.crm-contribution-form-block-source,
.wp-image-28 {
    display: none !important;
}

.page-civicrm-contact-view:not([class*=page-civicrm-contact-view-]) #crm-container .crm-inline-edit.form input[type=text],
.page-civicrm-contact-view:not([class*=page-civicrm-contact-view-]) #crm-container .crm-inline-edit.form input.crm-form-text,
.page-civicrm-contact-view:not([class*=page-civicrm-contact-view-]) #crm-container .crm-inline-edit.form input.dateplugin {
    box-shadow: 0 0 0 0 rgba(0, 0, 0, .0) inset !important;
}

#afGuiEditor #afGuiEditor-canvas-body .btn[disabled] {
    color: black !important;
}

.crm-container .crm-i.fa-check,
.crm-container .crm-i.fa-check-circle,
.crm-container .btn-success .crm-i,
.crm-container .crm-i.fa-plus-circle {
    color: white;
}

.afform-tobeaware-newsletter {
    margin-top: -8vh;
}

#totalAmountORaddLineitem a {
    background-color: black;
    color: white;
}

.crm-container table td:has(.btn-slide),
.crm-container table td:not(.crm-case-date):has(.action-item) {
    text-align: unset !important;
}

.crm-inline-edit-container .crm-image-popup {
    min-width: 500px;
    height: var(--crm-dash-image-size);
    display: block;
    background-size: contain;
    background-repeat: no-repeat;
    background-position-x: center;
    background-color: white;
    border-radius: 5px;
    /* box-shadow: var(--crm-bottom-shadow); */
    overflow: hidden;
    /* border: var(--crm-dash-image-border); */
}

.crm-inline-edit-container .crm-contact_image {
    text-align: center;
}

.crm-container img {
    width: auto;
    height: auto;
}

.crm-inline-edit-container .crm-contact_image {
    position: absolute;
    top: 5px;
    right: 5px;
    z-index: 1;
}

.page-id-6 {

    color: white !important;

    p,
    span,
    div,
    label,
    legend,
    a {
        /*         font-family: "Helvetica" !important; */
    }

    .afform-confirmation {
        color: #00FF01 !important;
        font-weight: 1000;
    }

    .wp-site-blocks {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
        background: #121712;
    }

    .btn-primary {
        margin-top: 20px !important;
        color: black !important;
        background-color: #00FF00 !important;
        /*         font-family: "Helvetica" !important; */
        font-weight: 1200;
        font-size: 2em;
        border-radius: 15px;
    }

    .fa-check {
        color: black !important;
    }

    fieldset {
        background: white !important;
        margin-bottom: 0 !important;
        padding-bottom: 0px !important;
    }

    .crm-container {
        background: #121712;
    }

    .breadcrumb,
    header {
        display: none;
    }
}