/*
Theme Name: Fluent Community Wrapper Theme
Description: Fluent Community Wrapper Theme
*/

body{
	--fcom-primary-bg:#ffffff;
	--fcom-secondary-bg:#f0f2f5;
	--el-color-white:#f0f2f5;
	--fcom-secondary-content-bg:#f0f3f5;
	--fcom-active-bg:#f0f3f5;
	--fcom-light-bg:#E1E4EA;
	--fcom-deep-bg:#222530;
	--fcom-menu-text:#545861;
	--fcom-primary-text:#19283a;
	--el-color-primary:#19283a;
	--fcom-secondary-text:#525866;
	--fcom-text-off:#959595;
	--fcom-primary-button:#2B2E33;
	--fcom-primary-button-text:#ffffff;
	--fcom-primary-border:#e3e8ee;
	--fcom-secondary-border:#9CA3AF;
	--fcom-highlight-bg:#fffce3;
	--fcom-text-link:#2271b1;
} 
body .fcom_top_menu{
	--fcom-primary-bg:#ffffff;
	--fcom-primary-border:#e3e8ee;
	--fcom-menu-text:#545861;
	--fcom-menu-text-active:#545861;
	--fcom-active-bg:#f0f3f5;
	--fcom-menu-text-hover:#545861;
	--fcom-menu-bg-hover:#f0f3f5;
} 
body .spaces{
	--fcom-primary-bg:#ffffff;
	--fcom-primary-border:#e3e8ee;
	--fcom-menu-text:#545861;
	--fcom-menu-text-active:#545861;
	--fcom-menu-text-hover:#545861;
	--fcom-menu-bg-hover:#f0f3f5;
	--fcom-active-bg:#f0f3f5;
} 
html.dark body{
	--fcom-primary-bg:#2B2E33;
	--fcom-secondary-bg:#191B1F;
	--el-color-white:#191B1F;
	--fcom-secondary-content-bg:#42464D;
	--fcom-active-bg:#42464D;
	--fcom-light-bg:#2B303B;
	--fcom-deep-bg:#E1E4EA;
	--fcom-menu-text:#E4E7EB;
	--fcom-menu-text-active:#E4E7EB;
	--fcom-primary-text:#F0F3F5;
	--el-color-primary:#F0F3F5;
	--fcom-secondary-text:#99A0AE;
	--fcom-menu-bg-hover:#E1E4EA;
	--fcom-text-off:#A5A9AD;
	--fcom-text-link:#60a5fa;
	--fcom-primary-button:#FFFFFF;
	--fcom-primary-button-text:#2B2E33;
	--fcom-primary-border:#42464D;
	--fcom-secondary-border:#A5A9AD;
	--fcom-highlight-bg:#2c2c1a;
} 
html.dark body .fcom_top_menu{
	--fcom-primary-bg:#2B2E33;
	--fcom-primary-border:#42464D;
	--fcom-menu-text:#E4E7EB;
	--fcom-menu-text-active:#E4E7EB;
	--fcom-active-bg:#42464D;
	--fcom-menu-bg-hover:#42464D;
	--fcom-menu-text-hover:#E4E7EB;
} 
html.dark body .spaces{
	--fcom-primary-bg:#2B2E33;
	--fcom-primary-border:#42464D;
	--fcom-menu-text:#E4E7EB;
	--fcom-menu-text-active:#E4E7EB;
	--fcom-active-bg:#42464D;
	--fcom-menu-bg-hover:#42464D;
	--fcom-menu-text-hover:#fff;
} 
.dark body .el-dialog {
    --el-dialog-bg-color: #2B2E33;
}
.fcmods .feed_layout .feeds.fcom_single_layout.fcom_max_layout .fhr_content_layout_body {
    max-width: 2080px !important;
	padding-top: 10px !important;
	margin-top: 0px !important;
	padding-bottom: 20px !important;
}
.fcmods #fluent_com_portal {
	height: 100vh !important;
    overflow: scroll !important;
}
.fcmods .fcom_sticky_header {
    position: sticky;
    top: 0;
    z-index: 90;
}
.fcmods .feeds {
	margin-bottom: 0px !important;
}
.fcom_feed_box {
    max-width: 100% !important;
}