/*
 * 富邦小管家行銷版型專屬樣式
 *
 * 為了避免 Angular 元件在轉譯成 HTML 字串後失去 ViewEncapsulation，
 * 以及防止全域樣式互相污染，所有的自訂樣式都必須包裝在
 * #marketing-activity-wrapper 選擇器之內。
 */

@import url("./marketing-activity/marketing-banner.css");
@import url("./marketing-activity/common-services.css");
@import url("./marketing-activity/popular-products-a.css");
@import url("./marketing-activity/popular-products-b.css");
@import url("./marketing-activity/promotional-offer.css");
@import url("./marketing-activity/travel-guide.css");
@import url("./marketing-activity/health-lecture.css");
@import url("./marketing-activity/travel-insurance-card-a.css");
@import url("./marketing-activity/travel-insurance-card-b.css");
@import url("./marketing-activity/common-issue.css");

#marketing-activity-wrapper {
  .container {
    max-width: initial;
    padding-left: 0;
    padding-right: 0;
    --activity-block-bg-color: #f4fbff;

    .activity-block-content {
      background-color: #ffffff;
    }

    .activity-block-content:nth-child(odd) {
      background-color: var(--activity-block-bg-color);
    }
  }
}