/* ==========================================================
   Membership Pro - Page titles
   ========================================================== */

/* Hide the default Membership Pro page title.
   The page title is displayed elsewhere on the page. */
#osm-signup-page > .osm-page-title {
    display: none !important;
}


/* ==========================================================
   Membership Pro - Plan cards
   ========================================================== */

/* Set membership plan titles to Thrive Together green. */
.osm-item-title a,
.osm-item-title a:hover {
    color: #154635 !important;
}


/* ==========================================================
   Membership Pro - Form fields
   ========================================================== */

/* Set standard form fields to 70% width. */
.osm-container .form-control {
    width: 70% !important;
}

/* Set checkbox, radio and select fields to 70% width. */
.osm-container .form-group input.checkbox,
.osm-container .form-group input.radio,
.osm-container .form-group select {
    display: inline-block;
    width: 70% !important;
}

/* Set checkbox container width. */
.osm-container .form-group .checkbox {
    width: 30em;
}


/* ==========================================================
   Membership Pro - Payment terms
   ========================================================== */

/* Hide payment terms because the membership plans are free. */
.osm-payment-terms {
    display: none !important;
}

/* ==========================================================
   Membership Pro - Sign Up button
   ========================================================== */

.osm-taskbar .btn-primary {
    background-color: #154635 !important;
    border-color: #154635 !important;
    color: #ffffff !important;
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    border-radius: 4px !important;
    text-decoration: underline;
    padding: 8px 20px;
}

.osm-taskbar .btn-primary:hover,
.osm-taskbar .btn-primary:focus {
    background-color: rgba(21, 70, 53, 0.5) !important;
    border-color: #154635 !important;
    color: #ffffff !important;
}

/* ==========================================================
   Membership Pro - Details button
   ========================================================== */

.osm-taskbar .btn-secondary {
    background-color: #4a4a4a !important;
    border-color: #4a4a4a !important;
    color: #ffffff !important;
    font-weight: 700;
    border-radius: 19px !important;
    text-decoration: underline;
    padding: 8px 20px;
}

.osm-taskbar .btn-secondary:hover,
.osm-taskbar .btn-secondary:focus {
    background-color: rgba(21, 70, 53, 0.5) !important;
    border-color: #154635 !important;
    color: #ffffff !important;
}

/* ==========================================================
   Process Subscription button
   ========================================================== */
.form-actions .btn-primary,
#btn-submit {
    background-color: #154635 !important;
    border-color: #154635 !important;
    color: #ffffff !important;
    font-weight: 600;
    font-family: 'Montserrat', sans-serif;
    border-radius: 4px !important;
    padding: 8px 20px !important;
}

/* Hover */
.form-actions .btn-primary:hover,
.form-actions .btn-primary:focus,
#btn-submit:hover,
#btn-submit:focus {
    background-color: rgba(21, 70, 53, 0.5) !important;
    border-color: #154635 !important;
    color: #ffffff !important;
}

/* Membership Pro members list - Search and Clear buttons only */
.osm-members-list-osm-container fieldset.filters .btn.btn-primary {
    background: #154635 !important;
    border: 2px solid #154635 !important;
    color: #ffffff !important;
    border-radius: 4px !important;
    padding: 10px 24px !important;
    font-family: 'Montserrat', sans-serif !important;
    font-size: 18px !important;
    font-weight: 600 !important;
    text-decoration: none !important;
    box-shadow: none !important;
}

.osm-members-list-osm-container fieldset.filters .btn.btn-primary:hover,
.osm-members-list-osm-container fieldset.filters .btn.btn-primary:focus,
.osm-members-list-osm-container fieldset.filters .btn.btn-primary:active {
    background-color: rgba(21, 70, 53, 0.5) !important;
    border-color: #154635 !important;
    color: #ffffff !important;
    text-decoration: none !important;
    box-shadow: none !important;
}

/* Active / Clicked */
.osm-container .btn.btn-primary:active,
.osm-container .btn.btn-primary.active {
    background: #154635 !important;
    border-color: #154635 !important;
    color: #ffffff !important;
}

/* Space between search filters and members table */
#adminForm table.osm-responsive-table {
    margin-top: 25px !important;
}

/* Membership Pro checkboxes */
.form-check-input:checked {
    background-color: #154635 !important;
    border-color: #154635 !important;
}

/* Change the tick colour */
.form-check-input:checked[type="checkbox"] {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e") !important;
}

#osm-regular-amount-container,
#payment_method_container {
    display: none !important;
}