:root {
	--accent-color:#3167ba;
}
.dark_mode {
	--accent-color:#3167ba;
}

.organization_admin.page .image {
    min-width: unset;
    min-height: unset;
}

.mobile.org_profile .search_wrapper.horizontal.expanded_search, .mobile.topic_profile .search_wrapper.horizontal.expanded_search {
background: transparent;
}

.mobile.dashboard .dashboard_content.loaded {
gap: 0;
}
.login.page form .centered {
    flex-direction: column-reverse;
}

.unauthenticated .logo {
    width: 125px;
}

.mobile .category_card .image_container .title {
font-size: 1rem;
}

.category_card .image_container .title {
    -webkit-line-clamp: 3;
    text-shadow: -2px 4px 6px rgba(0, 0, 0, 1), 0px 0px 14px rgba(0, 0, 0, 0.5);
}

.dashboard .dashboard_library .category_grid .bottom_svg, 
.dashboard .category_card .bottom_svg {
    filter: blur(10px) opacity(0.25) saturate(.25);
    opacity: unset;
background: black;
}

.mobile .search_wrapper .title, 
.mobile .detail_navigation > label {
text-shadow: 1px 2px 2px rgba(0, 0, 0, 0.15),  1px 5px 10px rgba(0, 0, 0, 0.5);
}

.dashboard .dashboard_library .category_grid .top_svg,
.dashboard_card.container {
display: none;
}

.dark_mode {
    --accent-color: #fea602;
}

.frame_header .top_bar_logo.logo {
    max-width: 70px;
    max-height: 60px;
}

.frame_header .theme_logo.logo {
    width: 66px;
    margin-top: 3px;
}

.dashboard .community_services .image_container {
  height: 200px;
}

.unauthenticated img.title, .mobile .unauthenticated img.title {
    max-width: 160px;
}

.no_support_team_card {
  display: none;
}

@media only screen and (max-height: 640px) {
    .mobile .login.page.unauthenticated img.logo {
       width: 80px;
    }
}

.mobile .login.page.unauthenticated img.title {
    max-height: 80px;
    margin: 0 0 10px;
}

.login.unauthenticated.page img.title {
max-width: 120px; 
}

:root {
--accent-color: #f9681e;
--mid-gradient-color: #b44208;
--notch-accent-color: #f9681e;
--primary-background: #fefefe;
--dark-primary-action-color: #3167ba;
--recent-news-card-shadow: 0px 0px 8px 0 rgb(0 0 0 / 20%);
}

.darkMode {
--primary-background: #201f1c;
--accent-color: #f9681e;
--mid-gradient-color: #b44208;
--notch-accent-color: #f9681e;
}

.unauthenticated.page, .mobile .page.unauthenticated {
       background-image: linear-gradient(180deg, #444444, rgb(0 0 0 / 10%) 100%);
    background-size: 100% 150%;
    background-color: #201f1c;
}

.mobile.dashboard .top_bar_logo {
    height: 33px;
}

.mobile .search_wrapper .title {
    font-family: 'Roboto', Arial, Helvetica, sans-serif;
}

.unauthenticated.page {
    background-color: initial;
}

.unauthenticated .primary.button {
    background-color: var(--dark-primary-action-color);
}

.large.primary.button {
   background-color: var(--dark-primary-action-color);
}


.dashboard .dashboard_library .image_container {
    height: 200px;
}

.mobile .category_card .image_container .title {
    font-size: 1.2rem;
}

.dashboard .dashboard_library .category_grid .top_svg,
.dashboard .category_card .top_svg {
    opacity: 0.5;
    background: black;
    filter: blur(9px) opacity(0.5) saturate(0.45);
}

.mobile .detail_navigation {
    box-shadow: 0 3px 4px -1px rgba(0 0 0 / 15%);
}


.mobile .multiline.search_row > .horizontal {
    background: var(--accent-color);
    background: linear-gradient(0deg, var(--mid-gradient-color) 0%, var(--accent-color) 100%);
}

.mobile .multiline.search_row {
    background: unset;
}

.dashboard .dashboard_library .category_grid,
.dashboard .community_services .category_grid {
    grid-template-columns: repeat(2, minmax(200px, 1fr));
    gap: 15px;
}

.dashboard .dashboard_library .category_grid {
    grid-template-columns: repeat(3, minmax(auto, 1fr));
}

.mobile.dashboard .dashboard_library .category_grid {
    grid-template-columns: repeat(2, minmax(auto, 1fr));
}

.mobile.dashboard .community_services .category_grid {
    grid-template-columns: repeat(6, minmax(200px, 1fr));
    gap: 10px;
    overflow-x: scroll;
}


.custom_css.input_group textarea {
    font-family: Courier New, monospace;
    font-weight: bold;
    font-size: 0.9rem;
}

.mobile.dashboard .recent_news_container {
    padding: 20px 0 15px 0px;
}