:root {
--miq-primary: #131313;
--miq-secondary: #FFFDD0;
--miq-background: #083301a6;
--miq-text: #FFFFFF;
--miq-accent: #4CAF50;
} body {
background-color: var(--miq-background) !important;
color: var(--miq-text) !important;
font-family: "Noto Sans JP", "Hiragino Kaku Gothic ProN", "Hiragino Sans", sans-serif;
font-weight: 400;
line-height: 1.6;
} .bb-toggle-dark-mode,
.buddyx-switch-mode,
.switch-mode {
display: none !important;
} .site-header,
body.bb-light-theme .site-header,
body.bb-dark-theme .site-header {
background-color: var(--miq-primary) !important;
color: var(--miq-secondary) !important;
border-bottom: 2px solid var(--miq-accent) !important;
}
.site-header .site-title a,
.site-header .main-navigation a,
body.bb-light-theme .site-header .site-title a,
body.bb-light-theme .site-header .main-navigation a,
body.bb-dark-theme .site-header .site-title a,
body.bb-dark-theme .site-header .main-navigation a {
color: var(--miq-secondary) !important;
}
.site-header .main-navigation a:hover,
body.bb-light-theme .site-header .main-navigation a:hover,
body.bb-dark-theme .site-header .main-navigation a:hover {
color: var(--miq-accent) !important;
} .sidebar,
.widget-area,
.bb-sidebar,
body.bb-light-theme .sidebar,
body.bb-light-theme .widget-area,
body.bb-light-theme .bb-sidebar,
body.bb-dark-theme .sidebar,
body.bb-dark-theme .widget-area,
body.bb-dark-theme .bb-sidebar {
background-color: var(--miq-primary) !important;
color: var(--miq-text) !important;
}
.sidebar *,
.widget-area *,
.bb-sidebar *,
body.bb-light-theme .sidebar *,
body.bb-light-theme .widget-area *,
body.bb-light-theme .bb-sidebar *,
body.bb-dark-theme .sidebar *,
body.bb-dark-theme .widget-area *,
body.bb-dark-theme .bb-sidebar * {
color: var(--miq-text) !important;
} .mpcs-progress-bar,
.mpcs-progress-bar-title,
.course-progress-bar-main,
.mpcs-section-header,
.mpcs-section-title,
.mpcs-section-title-text,
.mpcs-lessons,
.mpcs-lesson,
.mpcs-lesson-row-link,
.mpcs-lesson-link,
.mpcs-section,
.mepr-courses-index,
.mepr-course-index,
.mepr-course-list,
.mepr-course-tile,
.mepr-course-card,
body.bb-light-theme .mpcs-progress-bar,
body.bb-light-theme .mpcs-progress-bar-title,
body.bb-light-theme .course-progress-bar-main,
body.bb-light-theme .mpcs-section-header,
body.bb-light-theme .mpcs-section-title,
body.bb-light-theme .mpcs-section-title-text,
body.bb-light-theme .mpcs-lessons,
body.bb-light-theme .mpcs-lesson,
body.bb-light-theme .mpcs-lesson-row-link,
body.bb-light-theme .mpcs-lesson-link,
body.bb-light-theme .mpcs-section,
body.bb-light-theme .mepr-courses-index,
body.bb-light-theme .mepr-course-index,
body.bb-light-theme .mepr-course-list,
body.bb-light-theme .mepr-course-tile,
body.bb-light-theme .mepr-course-card,
body.bb-dark-theme .mpcs-progress-bar,
body.bb-dark-theme .mpcs-progress-bar-title,
body.bb-dark-theme .course-progress-bar-main,
body.bb-dark-theme .mpcs-section-header,
body.bb-dark-theme .mpcs-section-title,
body.bb-dark-theme .mpcs-section-title-text,
body.bb-dark-theme .mpcs-lessons,
body.bb-dark-theme .mpcs-lesson,
body.bb-dark-theme .mpcs-lesson-row-link,
body.bb-dark-theme .mpcs-lesson-link,
body.bb-dark-theme .mpcs-section,
body.bb-dark-theme .mepr-courses-index,
body.bb-dark-theme .mepr-course-index,
body.bb-dark-theme .mepr-course-list,
body.bb-dark-theme .mepr-course-tile,
body.bb-dark-theme .mepr-course-card {
background-color: #f5f5f5 !important;
color: #131313 !important;
} .mpcs-progress-bar *,
.mpcs-progress-bar-title *,
.course-progress-bar-main *,
.mpcs-section-header *,
.mpcs-section-title *,
.mpcs-section-title-text *,
.mpcs-lessons *,
.mpcs-lesson *,
.mpcs-lesson-row-link *,
.mpcs-lesson-link *,
.mpcs-section *,
.mepr-courses-index *,
.mepr-course-index *,
.mepr-course-list *,
.mepr-course-tile *,
.mepr-course-card *,
body.bb-light-theme .mpcs-progress-bar *,
body.bb-light-theme .mpcs-progress-bar-title *,
body.bb-light-theme .course-progress-bar-main *,
body.bb-light-theme .mpcs-section-header *,
body.bb-light-theme .mpcs-section-title *,
body.bb-light-theme .mpcs-section-title-text *,
body.bb-light-theme .mpcs-lessons *,
body.bb-light-theme .mpcs-lesson *,
body.bb-light-theme .mpcs-lesson-row-link *,
body.bb-light-theme .mpcs-lesson-link *,
body.bb-light-theme .mpcs-section *,
body.bb-light-theme .mepr-courses-index *,
body.bb-light-theme .mepr-course-index *,
body.bb-light-theme .mepr-course-list *,
body.bb-light-theme .mepr-course-tile *,
body.bb-light-theme .mepr-course-card *,
body.bb-dark-theme .mpcs-progress-bar *,
body.bb-dark-theme .mpcs-progress-bar-title *,
body.bb-dark-theme .course-progress-bar-main *,
body.bb-dark-theme .mpcs-section-header *,
body.bb-dark-theme .mpcs-section-title *,
body.bb-dark-theme .mpcs-section-title-text *,
body.bb-dark-theme .mpcs-lessons *,
body.bb-dark-theme .mpcs-lesson *,
body.bb-dark-theme .mpcs-lesson-row-link *,
body.bb-dark-theme .mpcs-lesson-link *,
body.bb-dark-theme .mpcs-section *,
body.bb-dark-theme .mepr-courses-index *,
body.bb-dark-theme .mepr-course-index *,
body.bb-dark-theme .mepr-course-list *,
body.bb-dark-theme .mepr-course-tile *,
body.bb-dark-theme .mepr-course-card * {
color: #131313 !important;
} [class*="mpcs-"],
[class*="mpcs-"] *,
[id*="mpcs-"],
[id*="mpcs-"] *,
[class*="mepr-"],
[class*="mepr-"] *,
body.bb-light-theme [class*="mpcs-"],
body.bb-light-theme [class*="mpcs-"] *,
body.bb-light-theme [id*="mpcs-"],
body.bb-light-theme [id*="mpcs-"] *,
body.bb-light-theme [class*="mepr-"],
body.bb-light-theme [class*="mepr-"] *,
body.bb-dark-theme [class*="mpcs-"],
body.bb-dark-theme [class*="mpcs-"] *,
body.bb-dark-theme [id*="mpcs-"],
body.bb-dark-theme [id*="mpcs-"] *,
body.bb-dark-theme [class*="mepr-"],
body.bb-dark-theme [class*="mepr-"] * {
color: #131313 !important;
} .mpcs-button,
.mpcs-button *,
.mpcs-button.is-outline,
.mpcs-button.is-outline *,
.mpcs-bookmark-link,
.mpcs-bookmark-link *,
.mepr-btn,
.mepr-btn *,
body.bb-light-theme .mpcs-button,
body.bb-light-theme .mpcs-button *,
body.bb-light-theme .mpcs-button.is-outline,
body.bb-light-theme .mpcs-button.is-outline *,
body.bb-light-theme .mpcs-bookmark-link,
body.bb-light-theme .mpcs-bookmark-link *,
body.bb-light-theme .mepr-btn,
body.bb-light-theme .mepr-btn *,
body.bb-dark-theme .mpcs-button,
body.bb-dark-theme .mpcs-button *,
body.bb-dark-theme .mpcs-button.is-outline,
body.bb-dark-theme .mpcs-button.is-outline *,
body.bb-dark-theme .mpcs-bookmark-link,
body.bb-dark-theme .mpcs-bookmark-link *,
body.bb-dark-theme .mepr-btn,
body.bb-dark-theme .mepr-btn * {
background-color: #4CAF50 !important;
color: #FFFFFF !important;
font-weight: bold !important;
} .mpcs-section-title-text,
.mpcs-progress-bar-title,
body.bb-light-theme .mpcs-section-title-text,
body.bb-light-theme .mpcs-progress-bar-title,
body.bb-dark-theme .mpcs-section-title-text,
body.bb-dark-theme .mpcs-progress-bar-title {
color: #131313 !important;
font-weight: bold !important;
} .mpcs-lesson-complete,
.mpcs-lesson-complete *,
.mpcs-ok-circled,
.mpcs-ok-circled *,
body.bb-light-theme .mpcs-lesson-complete,
body.bb-light-theme .mpcs-lesson-complete *,
body.bb-light-theme .mpcs-ok-circled,
body.bb-light-theme .mpcs-ok-circled *,
body.bb-dark-theme .mpcs-lesson-complete,
body.bb-dark-theme .mpcs-lesson-complete *,
body.bb-dark-theme .mpcs-ok-circled,
body.bb-dark-theme .mpcs-ok-circled * {
color: #4CAF50 !important;
} .bb-global-search-ac,
.bb-activity-form,
.bb-members-directory,
.bb-groups-directory,
body.bb-light-theme .bb-global-search-ac,
body.bb-light-theme .bb-activity-form,
body.bb-light-theme .bb-members-directory,
body.bb-light-theme .bb-groups-directory,
body.bb-dark-theme .bb-global-search-ac,
body.bb-dark-theme .bb-activity-form,
body.bb-dark-theme .bb-members-directory,
body.bb-dark-theme .bb-groups-directory {
background-color: var(--miq-primary) !important;
color: var(--miq-text) !important;
border: 1px solid var(--miq-accent) !important;
} .button, .btn, input[type="submit"], .mepr-submit,
body.bb-light-theme .button, 
body.bb-light-theme .btn, 
body.bb-light-theme input[type="submit"], 
body.bb-light-theme .mepr-submit,
body.bb-dark-theme .button, 
body.bb-dark-theme .btn, 
body.bb-dark-theme input[type="submit"], 
body.bb-dark-theme .mepr-submit {
background-color: var(--miq-accent) !important;
color: var(--miq-text) !important;
border: none !important;
padding: 12px 24px !important;
border-radius: 5px !important;
transition: all 0.3s ease !important;
font-weight: 600 !important;
}
.button:hover, .btn:hover, input[type="submit"]:hover, .mepr-submit:hover,
body.bb-light-theme .button:hover, 
body.bb-light-theme .btn:hover, 
body.bb-light-theme input[type="submit"]:hover, 
body.bb-light-theme .mepr-submit:hover,
body.bb-dark-theme .button:hover, 
body.bb-dark-theme .btn:hover, 
body.bb-dark-theme input[type="submit"]:hover, 
body.bb-dark-theme .mepr-submit:hover {
background-color: #45a049 !important;
transform: translateY(-1px) !important;
} h1, h2, h3, h4, h5, h6,
body.bb-light-theme h1, 
body.bb-light-theme h2, 
body.bb-light-theme h3, 
body.bb-light-theme h4, 
body.bb-light-theme h5, 
body.bb-light-theme h6,
body.bb-dark-theme h1, 
body.bb-dark-theme h2, 
body.bb-dark-theme h3, 
body.bb-dark-theme h4, 
body.bb-dark-theme h5, 
body.bb-dark-theme h6 {
font-family: "Noto Sans JP", sans-serif !important;
font-weight: 700 !important;
color: var(--miq-secondary) !important;
} .site-footer,
body.bb-light-theme .site-footer,
body.bb-dark-theme .site-footer {
background-color: var(--miq-primary) !important;
color: var(--miq-text) !important;
border-top: 2px solid var(--miq-accent) !important;
} a,
body.bb-light-theme a,
body.bb-dark-theme a {
color: var(--miq-accent) !important;
text-decoration: none !important;
}
a:hover,
body.bb-light-theme a:hover,
body.bb-dark-theme a:hover {
color: var(--miq-secondary) !important;
text-decoration: underline !important;
} .content-area,
body.bb-light-theme .content-area,
body.bb-dark-theme .content-area {
background-color: var(--miq-background) !important;
color: var(--miq-text) !important;
} @media (max-width: 768px) {
.site-header,
body.bb-light-theme .site-header,
body.bb-dark-theme .site-header {
background-color: var(--miq-primary) !important;
padding: 10px !important;
}
.bb-mobile-nav,
body.bb-light-theme .bb-mobile-nav,
body.bb-dark-theme .bb-mobile-nav {
background-color: var(--miq-background) !important;
}
.bb-mobile-menu-toggle,
body.bb-light-theme .bb-mobile-menu-toggle,
body.bb-dark-theme .bb-mobile-menu-toggle {
color: var(--miq-text) !important;
}
.main-navigation,
body.bb-light-theme .main-navigation,
body.bb-dark-theme .main-navigation {
background-color: var(--miq-primary) !important;
}
}