@charset "UTF-8";

:root {
	--ftx-res-community-resources-color-dark: var(--ftx-color-dark, #4C5050);
	--ftx-res-community-resources-color-primary: var(--ftx-color-primary, #4C5050);
	--ftx-res-community-resources-color-primary-hover: var(--ftx-color-primary-hover, #8C9090);
	--ftx-res-community-resources-btn-text: var(--ftx-color-primary-text, #FFFFFF);
	
	--ftx-res-community-resources-inline-wrapper-width: 800px;
}

/* Card */
.ftx_res_community_resources_items_wrapper .ftx_res_box_card .ftx_res_box_card__image img { aspect-ratio: var(--ftx-res-community-resources-card-image-aspect-ratio); }

/* Overlay product detail */
body .ftx_res_community_resource_overlay__image img,
body .ftx_res_community_resource_overlay__image iframe { display: block; width: 100%; height: auto; aspect-ratio: var(--ftx-res-community-resources-overlay-detail-image-aspect-ratio); object-fit: cover; }
body .ftx_res_community_resource_overlay__content { padding: 20px 25px; }
body .ftx_res_community_resource_overlay__title_h { margin: 0 0 20px 0; font-size: 26px; font-weight: 600; line-height: 1.25; color: var(--ftx-res-community-resources-color-dark); }
body .ftx_res_community_resource_overlay__description h2 { margin: 30px 0 10px 0; font-size: 22px; font-weight: 600; color: var(--ftx-res-community-resources-color-dark); }
body .ftx_res_community_resource_overlay__description h3 { margin: 20px 0 10px 0; font-size: 16px; font-weight: 600; color: var(--ftx-res-community-resources-color-dark); }
body .ftx_res_community_resource_overlay__description p { margin-bottom: 20px; }
body .ftx_res_community_resource_overlay__description p.ftx_res_community_resource_overlay__excerpt { font-weight: 600; }
body .ftx_res_community_resource_overlay__description > *:first-child { margin-top: 0; }
body .ftx_res_community_resource_overlay__description > *:last-child { margin-bottom: 0; }
body .ftx_res_community_resource_overlay__cta_wrapper { display: flex; align-items: center; }
body .ftx_res_community_resource_overlay__cta_wrapper .ftx_res_community_resource_overlay__cta_btn { display: inline-flex; align-items: center; vertical-align: center; justify-content: center; gap: 10px; border: 1px solid var(--ftx-res-community-resources-color-primary); border-radius: var(--ftx-btn-border-radius, 8px); min-height: 40px; padding: 0 25px; font-size: 16px; font-weight: 500; text-decoration: none; color: var(--ftx-res-community-resources-btn-text); background-color: var(--ftx-res-community-resources-color-primary); cursor: pointer; transition: var(--ftx-transition, all ease-in-out .2s); }
body .ftx_res_community_resource_overlay__cta_wrapper .ftx_res_community_resource_overlay__cta_btn:hover { text-decoration: none; border-color: var(--ftx-res-community-resources-color-primary-hover); color: var(--ftx-res-community-resources-btn-text); background-color: var(--ftx-res-community-resources-color-primary-hover); }

/* Single page */
body .ftx_res_community_resources_inline_content_wrapper { margin: 2rem auto; max-width: var(--ftx-res-community-resources-inline-wrapper-width); }
body .ftx_res_community_resource_single { position: relative; border: 1px solid var(--fcom-primary-border); border-radius: 10px; background-color: var(--fcom-primary-bg); color: var(--fcom-primary-text); }
body .ftx_res_community_resource_single__image { border-radius: 10px 10px 0 0; overflow: hidden; }
body .ftx_res_community_resource_single__image img { display: block; width: 100%; height: auto; aspect-ratio: var(--ftx-res-community-resources-inline-detail-image-aspect-ratio); object-fit: cover; }
body .ftx_res_community_resource_single__image img { aspect-ratio: var(--ftx-res-community-resources-post-image-aspect-ratio); }
body .ftx_res_community_resource_single__content { padding: 16px 20px; }
body .ftx_res_community_resource_single__author { display: flex; align-items: center; gap: 10px; margin-bottom: 14px; }
body .ftx_res_community_resource_single__author_avatar { flex-shrink: 0; display: block; width: 40px; height: 40px; border-radius: 50%; overflow: hidden; }
body .ftx_res_community_resource_single__author_avatar img { display: block; width: 100%; height: 100%; object-fit: cover; aspect-ratio: 1; }
body .ftx_res_community_resource_single__author_info { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
body .ftx_res_community_resource_single__author_name { font-size: 14px; font-weight: 600; color: var(--fcom-primary-text); text-decoration: none; line-height: 1.3; }
body .ftx_res_community_resource_single__author_name:hover { text-decoration: underline; }
body .ftx_res_community_resource_single__author_date { font-size: 12px; color: var(--fcom-secondary-text, #888); line-height: 1.3; }
body .ftx_res_community_resource_single__title_h { margin: 0 0 10px 0; font-size: 24px; line-height: 1.4; }
body .ftx_res_community_resource_single__description { margin: 0 0 10px 0; font-size: 16px; }
body .ftx_res_community_resource_single__description p { margin-bottom: 20px; }
body .ftx_res_community_resource_single__description p.ftx_res_community_resource_single__excerpt { font-weight: 600; }
body .ftx_res_community_resource_single__description > *:first-child { margin-top: 0; }
body .ftx_res_community_resource_single__description > *:last-child { margin-bottom: 0; }

/* Fluent Community courses widget (native fcom_box_card markup, kept self-contained so it renders correctly outside the community portal) */
.ftx_res_fcom_courses_list.fcom_box_card_list { display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); gap: 20px; }
.ftx_res_fcom_courses_list .fcom_each_box_card { display: flex; flex-direction: column; border-radius: 8px; }
.ftx_res_fcom_courses_list .fcom_each_box_card:hover { box-shadow: var(--el-box-shadow, 0 2px 12px 0 rgba(0,0,0,.1)); }
.ftx_res_fcom_courses_list .fcom_box_card_avatar { display: block; cursor: pointer; width: 100%; height: 177px; overflow: hidden; border-top-left-radius: 8px; border-top-right-radius: 8px; }
.ftx_res_fcom_courses_list .fcom_box_card_avatar img { width: 100%; height: 100%; object-fit: cover; aspect-ratio: 1.91/1; }
.ftx_res_fcom_courses_list .fcom_no_image { width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; background: var(--fcom-menu-bg-hover, #f3f4f6); }
.ftx_res_fcom_courses_list .fcom_box_card_info { display: flex; flex-direction: column; border: 1px solid var(--fcom-primary-border, #e5e7eb); border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; background: var(--fcom-primary-bg, #fff); flex: 1; gap: 12px; padding: 12px; }
.ftx_res_fcom_courses_list .fcom_box_card_name { display: flex; justify-content: space-between; align-items: center; font-size: 16px; font-weight: 600; color: var(--fcom-primary-text, #19283a); }
.ftx_res_fcom_courses_list .fcom_box_card_name a { display: flex; align-items: center; text-decoration: none; color: var(--fcom-primary-text, #19283a); gap: 8px; }
.ftx_res_fcom_courses_list .fcom_box_card_name a:hover { text-decoration: none; color: var(--fcom-primary-text, #19283a); }
.ftx_res_fcom_courses_list .fcom_box_card_details { display: flex; justify-content: space-between; gap: 12px; }
.ftx_res_fcom_courses_list .fcom_box_card_details .details_item { display: flex; align-items: center; gap: 4px; font-size: 14px; color: var(--fcom-secondary-text, #697386); }
.ftx_res_fcom_courses_list .fcom_box_card_details .fcom_inline_separator { display: inline-block; width: 6px; height: 6px; background: var(--fcom-secondary-text, #697386); border-radius: 50%; }
.ftx_res_fcom_courses_list .fcom_box_card_description { font-size: 14px; color: var(--fcom-secondary-text, #697386); }
.ftx_res_fcom_courses_list .fcom_box_card_action { display: flex; align-items: center; justify-content: center; margin-top: auto; }
.ftx_res_fcom_courses_list .fcom_card_button { display: block; text-align: center; text-decoration: none; cursor: pointer; border: none; border-radius: 8px; width: 100%; padding: 8px; font-size: 13.3333px; background: var(--fcom-active-bg, #f0f2f5); color: var(--fcom-menu-text-active, var(--fcom-menu-text, #545861)); }
.ftx_res_fcom_courses_list .fcom_card_button:hover { opacity: .8; color: var(--fcom-menu-text-active, var(--fcom-menu-text, #545861)); }
.ftx_res_fcom_courses_list .fcom_card_button.fcom_card_button_progress { background: var(--el-color-warning-light-9, #fdf6ec); color: var(--el-color-warning, #e6a23c); }
.ftx_res_fcom_courses_list .fcom_card_button.fcom_card_button_progress:hover { color: var(--el-color-warning, #e6a23c); }
.ftx_res_fcom_courses_list .fcom_card_button.fcom_card_button_success { background: var(--el-color-success-light-9, #f0f9eb); color: var(--el-color-success, #67c23a); }
.ftx_res_fcom_courses_list .fcom_card_button.fcom_card_button_success:hover { color: var(--el-color-success, #67c23a); }