/* ========================================
   GLOBAL CSS VARIABLES - COLOR SYSTEM
   ======================================== */

:root {
  /* ===== GREEN COLOR PALETTE ===== */
  --green-base: #1bbcb4;
  --green-1: #eff6f6;
  --green-2: #24e7de;
  --green-3: #19b0a8;
  --green-4: #0b6b66;
  --green-5: #013e3b;
  --green-base-rgb: 27, 188, 180;
  --green-1-rgb: 239, 246, 246;
  --green-2-rgb: 36, 231, 222;
  --green-3-rgb: 25, 176, 168;
  --green-4-rgb: 11, 107, 102;
  --green-5-rgb: 1, 62, 59;

  /* ===== GREY COLOR PALETTE ===== */
  --grey-1: #f0f1f1;
  --grey-2: #cfd0d3;
  --grey-3: #a6a8ad;
  --grey-4: #5e6064;
  --grey-5: #1f2021;
  --grey-1-rgb: 240, 241, 241;
  --grey-2-rgb: 207, 208, 211;
  --grey-3-rgb: 166, 168, 173;
  --grey-4-rgb: 94, 96, 100;
  --grey-5-rgb: 31, 32, 33;

  /* ===== BLUE COLOR PALETTE ===== */
  --blue-base: #1160b0;
  --blue-1: #f4f6fb;
  --blue-2: #e4ecfe;
  --blue-3: #1b84ee;
  --blue-4: #0657a9;
  --blue-5: #003366;
  --blue-base-rgb: 17, 96, 176;
  --blue-1-rgb: 244, 246, 251;
  --blue-2-rgb: 228, 236, 254;
  --blue-3-rgb: 27, 132, 238;
  --blue-4-rgb: 6, 87, 169;
  --blue-5-rgb: 0, 51, 102;

  /* ===== WHITE & BLACK ===== */
  --white: #ffffff;
  --white-rgb: 255, 255, 255;
  --black-rgb: 0, 0, 0;
}

/* ========================================
   FLEXBOX UTILITY CLASSES
   ======================================== */

/* Display */
.flex {
  display: flex;
}

.inline-flex {
  display: inline-flex;
}

/* Direction */
.flex-row {
  flex-direction: row;
}

.flex-row-reverse {
  flex-direction: row-reverse;
}

.flex-col {
  flex-direction: column;
}

.flex-col-reverse {
  flex-direction: column-reverse;
}

/* Wrap */
.flex-wrap {
  flex-wrap: wrap;
}

.flex-nowrap {
  flex-wrap: nowrap;
}

.flex-wrap-reverse {
  flex-wrap: wrap-reverse;
}

/* Justify Content */
.justify-start {
  justify-content: flex-start;
}

.justify-end {
  justify-content: flex-end;
}

.justify-center {
  justify-content: center;
}

.justify-between {
  justify-content: space-between;
}

.justify-around {
  justify-content: space-around;
}

.justify-evenly {
  justify-content: space-evenly;
}

/* Align Items */
.items-start {
  align-items: flex-start;
}

.items-end {
  align-items: flex-end;
}

.items-center {
  align-items: center;
}

.items-baseline {
  align-items: baseline;
}

.items-stretch {
  align-items: stretch;
}

/* Align Content */
.content-start {
  align-content: flex-start;
}

.content-end {
  align-content: flex-end;
}

.content-center {
  align-content: center;
}

.content-between {
  align-content: space-between;
}

.content-around {
  align-content: space-around;
}

.content-evenly {
  align-content: space-evenly;
}

/* Align Self */
.self-auto {
  align-self: auto;
}

.self-start {
  align-self: flex-start;
}

.self-end {
  align-self: flex-end;
}

.self-center {
  align-self: center;
}

.self-stretch {
  align-self: stretch;
}

/* Gap */
.gap-0 {
  gap: 0;
}

.gap-1 {
  gap: 0.25rem;
}

.gap-2 {
  gap: 0.5rem;
}

.gap-3 {
  gap: 0.75rem;
}

.gap-4 {
  gap: 1rem;
}

.gap-5 {
  gap: 1.25rem;
}

.gap-6 {
  gap: 1.5rem;
}

.gap-8 {
  gap: 2rem;
}

.gap-10 {
  gap: 2.5rem;
}

.gap-x-0 {
  column-gap: 0;
}

.gap-x-2 {
  column-gap: 0.5rem;
}

.gap-x-4 {
  column-gap: 1rem;
}

.gap-x-6 {
  column-gap: 1.5rem;
}

.gap-y-0 {
  row-gap: 0;
}

.gap-y-2 {
  row-gap: 0.5rem;
}

.gap-y-4 {
  row-gap: 1rem;
}

.gap-y-6 {
  row-gap: 1.5rem;
}

/* Grow/Shrink */
.grow {
  flex-grow: 1;
}

.grow-0 {
  flex-grow: 0;
}

.shrink {
  flex-shrink: 1;
}

.shrink-0 {
  flex-shrink: 0;
}

/* Flex shorthand */
.flex-1 {
  flex: 1 1 0%;
}

.flex-auto {
  flex: 1 1 auto;
}

.flex-initial {
  flex: 0 1 auto;
}

.flex-none {
  flex: none;
}

/* Order */
.order-first {
  order: -9999;
}

.order-last {
  order: 9999;
}

.order-0 {
  order: 0;
}

.order-1 {
  order: 1;
}

.order-2 {
  order: 2;
}

.order-3 {
  order: 3;
}

/* ========================================
   2-COLUMN FLEX LAYOUTS
   ======================================== */

.mtpc-2col-section .mtpc-2col-section-wrapper {
  display: flex;
  gap: 30px;
}

/* 30% - 70% Layout */
.flex-3-7.mtpc-2col-section
  .mtpc-2col-section-wrapper
  > .mtpc-2col-item.mtpc-2col-item--1 {
  width: calc(30% - 10px);
}

.flex-3-7.mtpc-2col-section
  .mtpc-2col-section-wrapper
  > .mtpc-2col-item.mtpc-2col-item--2 {
  width: calc(70% - 10px);
}

/* 70% - 30% Layout */
.flex-7-3.mtpc-2col-section
  .mtpc-2col-section-wrapper
  > .mtpc-2col-item.mtpc-2col-item--1 {
  width: calc(70% - 10px);
}

.flex-7-3.mtpc-2col-section
  .mtpc-2col-section-wrapper
  > .mtpc-2col-item.mtpc-2col-item--2 {
  width: calc(30% - 10px);
}

/* ========================================
   BODY & GLOBAL STYLES
   ======================================== */

body {
  background-color: var(--white) !important;
}

.skl-crcc-background-pattern {
  background-image: url(/sites/default/files/2026-02/background_pattern.svg);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}

/* ========================================
   COLOR UTILITY CLASSES
   ======================================== */

body main .green-base {
  color: var(--green-base) !important;
}

body main .green-1 {
  color: var(--green-1) !important;
}

body main .green-2 {
  color: var(--green-2) !important;
}

body main .green-3 {
  color: var(--green-3) !important;
}

body main .green-4 {
  color: var(--green-4) !important;
}

body main .green-5 {
  color: var(--green-5) !important;
}

body main .white {
  color: var(--white) !important;
}

body main .grey-1 {
  color: var(--grey-1) !important;
}

body main .grey-2 {
  color: var(--grey-2) !important;
}

body main .grey-3 {
  color: var(--grey-3) !important;
}

body main .grey-4 {
  color: var(--grey-4) !important;
}

body main .grey-5 {
  color: var(--grey-5) !important;
}

body main .blue-base {
  color: var(--blue-base) !important;
}

body main .blue-1 {
  color: var(--blue-1) !important;
}

body main .blue-2 {
  color: var(--blue-2) !important;
}

body main .blue-3 {
  color: var(--blue-3) !important;
}

body main .blue-4 {
  color: var(--blue-4) !important;
}

body main .blue-5 {
  color: var(--blue-5) !important;
}

/* ========================================
   TYPOGRAPHY - HEADINGS & TEXT
   ======================================== */

/* Heading styles */
body main h1,
body main .h1 {
  font-style: normal;
  font-weight: 700;
  font-size: 56px;
  line-height: 70px;
  color: var(--blue-base);
}

body main h2,
body main .h2 {
  font-style: normal;
  font-weight: 700;
  font-size: 48px;
  line-height: 60px;
  text-transform: uppercase;
  color: var(--blue-5);
}

body main h3,
body main .h3 {
  font-style: normal;
  font-weight: 600;
  font-size: 32px;
  line-height: 40px;
  color: var(--blue-base);
  margin-bottom: 0.6em;
}

body main h4,
body main .h4 {
  font-style: normal;
  font-weight: 600;
  font-size: 26px;
  line-height: 31px;
  color: var(--blue-base);
  margin-bottom: 0.6em;
}

body main h5,
body main .h5 {
  font-style: normal;
  font-weight: 600;
  font-size: 22px;
  line-height: 28px;
  color: var(--blue-base);
}

body main h6,
body main .h6 {
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 20px;
  color: var(--blue-3);
}

/* Strong tags in headings */
body main h1 strong,
body main .h1 strong,
body main h2 strong,
body main .h2 strong,
body main h3 strong,
body main .h3 strong,
body main h4 strong,
body main .h4 strong,
body main h5 strong,
body main .h5 strong,
body main h6 strong,
body main .h6 strong {
  color: inherit;
}

/* Base text styles */
body main p,
body main .p,
body main li,
body main a {
  font-style: normal;
  font-weight: 400;
}

body main p,
body main .p {
  color: var(--grey-4);
}

body main p strong,
body main .p strong {
  font-style: normal;
  font-weight: 700;
}

body main strong {
  font-style: normal;
  font-weight: 700;
}

body main u {
  color: var(--blue-base) !important;
}

/* Lists */

body main li {
  color: var(--grey-4) !important;
}

body main li::marker {
  color: var(--blue-3) !important;
}

/* Links */
body main a {
  text-decoration-line: underline;
  color: var(--blue-base);
}

body main a:hover {
  color: var(--blue-3);
}

/* Tabs */
body main .tabs a {
  line-height: 25px;
}

/* Paragraph with buttons */
body main p:has(+ p > a.text-btn),
body main p:has(> a.text-btn):has(+ p) {
  margin-bottom: 1.6em;
}

/* Horizontal rules */
body main hr {
  border-color: rgba(var(--green-3-rgb), 0.2) !important;
  margin: 50px 0 !important;
}

body main hr.profile-detail-horizontal {
  margin: 30px 0 50px 0 !important;
}

body main hr.no-margin {
  margin: 0 !important;
}

/* ========================================
   BUTTON STYLES
   ======================================== */

/* Text Button (Solid) */
body main a.text-btn {
  position: relative;
  display: inline-block;
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 20px;
  color: var(--white) !important;
  background-color: var(--blue-base) !important;
  text-decoration: none !important;
  padding: 12px 24px;
}

body main a.text-btn::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -4px;
  width: 100%;
  height: 4px;
  background: var(--green-2);
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 0.3s ease;
}

body main a.text-btn:hover {
  color: var(--white) !important;
  background-color: var(--blue-5) !important;
}

body main a.text-btn:hover::after {
  transform: scaleX(1);
}

/* Link Button (with arrow) */
body main a.link-btn {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 18px;
  color: var(--blue-base) !important;
  text-decoration: none;
}

body main a.link-btn::after {
  content: "\f061";
  font-family: "Font Awesome 6 Pro";
  font-weight: 400;
  font-size: 14px;
  transition: transform 0.3s ease;
}

body main a.link-btn::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: -4px;
  width: 100%;
  height: 2px;
  background: var(--green-2);
  opacity: 0.1;
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 0.3s ease, opacity 0.3s ease;
}

body main a.link-btn:hover::before {
  transform: scaleX(1);
  opacity: 1;
}

/* ========================================
   HOMEPAGE SLIDESHOW
   ======================================== */

.skl-crcc-homepage-slideshow
  .slideshow_item
  .mtpc_slide_item_container
  .slide-text-wrapper {
  border-left: 6px solid rgba(var(--blue-base-rgb), 0.2);
  padding-left: 20px;
}

.skl-crcc-homepage-slideshow
  .slideshow_item
  .mtpc_slide_item_container
  .slide-text-wrapper
  .slide_text_per_row {
  width: 100%;
  max-width: 800px;
}

.skl-crcc-homepage-slideshow
  .slideshow_item
  .mtpc_slide_item_container
  .slide-text-wrapper
  .slide-text {
  width: 100%;
  max-width: 100%;
  white-space: normal;
  overflow-wrap: break-word;
  word-break: break-word;
  box-shadow: unset !important;
  background-color: transparent !important;
}
.skl-crcc-homepage-slideshow
  .slideshow_item
  .mtpc_slide_item_container
  .slide-text-wrapper
  .slide-text.animate-left {
  left: 0px !important;
  opacity: 1 !important;
}
.skl-crcc-homepage-slideshow
  .slideshow_item
  .mtpc_slide_item_container
  .slide-text-wrapper
  .slide-text.animate-right {
   right: 0px !important;
  opacity: 1 !important;
}
.skl-crcc-homepage-slideshow
  .slideshow_item
  .mtpc_slide_item_container
  .slide-text-wrapper
  .slide-text.animate-center {
  left: 0px !important;
  opacity: 1 !important;
}

.skl-crcc-homepage-slideshow
  .slideshow_item
  .mtpc_slide_item_container
  .slide-text-wrapper
  .slide-text.slide-text--line1 {
  font-style: normal;
  font-weight: 700;
  font-size: 56px !important;
  line-height: 70px;
  color: var(--blue-4) !important;
}

.skl-crcc-homepage-slideshow
  .slideshow_item
  .mtpc_slide_item_container
  .slide-text-wrapper
  .slide-text.slide-text--line2 {
  font-weight: 400;
  font-size: 26px !important;
  line-height: 31px;
  font-style: normal;
  color: var(--blue-5) !important;
}

.skl-crcc-homepage-slideshow
  .slideshow_item
  .mtpc_slide_item_container
  .slide-text-wrapper
  .slide-text
  .text_container {
  width: 100%;
}

/* ========================================
   IMAGE GRID
   ======================================== */

.skl-crcc-image-grid .mtpc-image-grid-block-item .inner-item {
  border-bottom: 6px solid var(--green-3);
  width: 100%;
  height: 100%;
  text-decoration: none;
  display: block;
  position: relative;
}

.skl-crcc-image-grid
  .mtpc-image-grid-block-item
  .inner-item
  .grid_main_image:after {
  content: "";
  background-blend-mode: normal, multiply;
  z-index: 1;
  background: linear-gradient(
      163.49deg,
      rgba(var(--green-4-rgb), 0.3) 14.76%,
      rgba(var(--blue-4-rgb), 0.9) 82.61%
    ),
    rgba(var(--black-rgb), 0.1);
  position: absolute;
  inset: 0;
}

.skl-crcc-image-grid
  .mtpc-image-grid-block-item
  .inner-item
  .mtpc-image-caption {
  z-index: 2;
  color: var(--white);
  justify-content: space-between;
  align-items: end;
  gap: 10px;
  width: 90%;
  height: 90%;
  font-size: 26px;
  font-style: normal;
  font-weight: 700;
  line-height: 31px;
  display: flex;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  padding-top: 0 !important;
}

.skl-crcc-image-grid
  .mtpc-image-grid-block-item
  .inner-item
  .mtpc-image-caption:after {
  content: "\f061";
  color: var(--white);
  font-family: "Font Awesome 6 Pro";
  font-size: 23px;
  font-weight: 400;
}

/* ========================================
   PAGE TITLE BLOCK
   ======================================== */

.mtpc-pageTitle-block .mtpc_pagetitle_container {
  background-image: url(/sites/default/files/2026-02/title_block_background.png);
  position: relative;
  background-size: 100% 100% !important;
  background-repeat: no-repeat !important;
  background-position: 50% !important;
}

.mtpc-pageTitle-block .mtpc_pagetitle_container .mtpc_pagetitle_wrapper {
  min-height: 150px !important;
}

.mtpc-pageTitle-block .mtpc_pagetitle_container:after {
  content: "";
  pointer-events: none;
  z-index: 1;
  background: linear-gradient(var(--white) 0%, rgba(var(--white-rgb), 0) 20%);
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.mtpc-pageTitle-block .mtpc_pagetitle_container .pagetitle_breadcrumbs,
.mtpc-pageTitle-block .mtpc_pagetitle_container .pagetitle {
  border-left: 4px solid rgba(var(--green-3-rgb), 0.2);
  padding-left: 20px;
}

.mtpc-pageTitle-block .mtpc_pagetitle_container .pagetitle_breadcrumbs ol li a,
.mtpc-pageTitle-block
  .mtpc_pagetitle_container
  .pagetitle_breadcrumbs
  ol
  li
  span {
  color: var(--blue-5) !important;
  font-size: 22px;
  font-style: normal;
  font-weight: 400;
  line-height: 28px;
}

.mtpc-pageTitle-block
  .mtpc_pagetitle_container
  .pagetitle_breadcrumbs
  ol
  li:after {
  color: var(--blue-5);
}

.mtpc-pageTitle-block
  .mtpc_pagetitle_container
  .pagetitle_breadcrumbs
  ol
  li:last-child::after {
  display: none;
}

.mtpc-pageTitle-block .mtpc_pagetitle_container .pagetitle h1 {
  color: var(--blue-5) !important;
  font-size: 48px;
  font-style: normal;
  font-weight: 700;
  line-height: 60px;
  text-transform: uppercase;
}

/* ========================================
   PROFILE LISTING & DETAILS
   ======================================== */

/* Shared profile image styles */
.mtpc-profile-list-block .mtpc_pl_item_wrapper .mtpc_pl_pic img,
.mtpc_pd_item_container .mtpc_pd_item_wrapper .mtpc_pd_picture img {
  aspect-ratio: 1;
  object-fit: cover;
  border-radius: 50%;
}

/* Profile listing */
.mtpc-profile-list-block .mtpc-profile-list-title {
  border-bottom: 4px solid rgba(var(--green-3-rgb), 0.2);
  margin-bottom: 40px;
  padding-bottom: 20px;
}

.mtpc-profile-list-block .mtpc-profile-list-title h3 {
  color: var(--blue-base) !important;
  font-size: 32px;
  font-style: normal;
  font-weight: 700;
  line-height: 40px;
}

.mtpc-profile-list-block .mtpc_pl_item_wrapper .mtpc_profile_name_container {
  margin-bottom: 10px;
}

.mtpc-profile-list-block
  .mtpc_pl_item_wrapper
  .mtpc_profile_name_container
  .mtpc_profile_name {
  color: var(--blue-base) !important;
  font-size: 26px;
  font-style: normal;
  font-weight: 600;
  line-height: 31px;
}

/* Profile details */
.mtpc_pd_item_container .mtpc_pd_item_wrapper {
  display: flex;
  flex-direction: row-reverse;
  gap: 50px;
}

/* ========================================
   ICON TEXT HIGHLIGHT
   ======================================== */

.mtpc-block-icon-text-highlight
  .icon_text_container
  .icon_text_wrapper
  .icon_text_items,
.mtpc-block-icon-text-highlight
  .icon_text_container
  .icon_text_wrapper
  .icon_text_items
  .icon_text_item {
  justify-content: start !important;
  align-items: center !important;
}

.mtpc-block-icon-text-highlight
  .icon_text_items
  .icon_text_item
  .icon_container
  i {
  width: 80px;
  height: 80px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: var(--blue-1) !important;
  color: var(--blue-5) !important;
}

.icon-32 {
  font-size: 32px !important;
}

/* ========================================
   IMAGE BLOCK CAPTION
   ======================================== */

.mtpc-block-image-block .mtpc-block-image-block-image-caption .field_item {
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  line-height: 25px;
  color: var(--grey-4) !important;
}

/* ========================================
   MAIN MENU NAVIGATION
   ======================================== */

body header .mtpc_header .header .wrapper .logos .search_icon a i {
  font-size: 18px;
  font-weight: 400;
}

/* Base menu styles - all menu items */
body.path-frontpage
  header
  .mtpc_header
  .header
  .wrapper
  .logos
  .navigation
  > ul.menu
  > li
  span,
body.path-frontpage
  header
  .mtpc_header
  .header
  .wrapper
  .logos
  .navigation
  > ul.menu
  > li
  a,
body.path-frontpage
  header
  .mtpc_header
  .header
  .wrapper
  .logos
  .navigation
  > ul.menu
  li
  ul
  li
  span,
body.path-frontpage
  header
  .mtpc_header
  .header
  .wrapper
  .logos
  .navigation
  > ul.menu
  li
  ul
  li
  a,
body:not(.path-frontpage)
  header
  .mtpc_header
  .header
  .wrapper
  .logos
  .navigation
  > ul.menu
  > li
  span,
body:not(.path-frontpage)
  header
  .mtpc_header
  .header
  .wrapper
  .logos
  .navigation
  > ul.menu
  > li
  a,
body:not(.path-frontpage)
  header
  .mtpc_header
  .header
  .wrapper
  .logos
  .navigation
  > ul.menu
  li
  ul
  li
  span,
body:not(.path-frontpage)
  header
  .mtpc_header
  .header
  .wrapper
  .logos
  .navigation
  > ul.menu
  li
  ul
  li
  a {
  font-style: normal;
  font-weight: 600;
  font-size: 18px;
  line-height: 23px;
}

body
  header
  .config_pages--type--header-block
  .mobile_menu_wrapper
  .mobile_navigation
  .switch-language
  ul.language-switcher-language-url
  li
  a {
  color: var(--blue-base);
}

/* Front page menu colors */
body.path-frontpage
  header
  .mtpc_header
  .header
  .wrapper
  .logos
  .navigation
  > ul.menu
  > li
  span,
body.path-frontpage
  header
  .mtpc_header
  .header
  .wrapper
  .logos
  .navigation
  > ul.menu
  > li
  a,
body.path-frontpage
  header
  .mobile_menu_wrapper
  .mobile_navigation
  > ul.menu
  > li
  span,
body.path-frontpage
  header
  .mobile_menu_wrapper
  .mobile_navigation
  > ul.menu
  > li
  a,
body.path-frontpage
  header
  .mtpc_header
  .header
  .wrapper
  .logos
  .navigation
  > ul.menu
  li
  ul
  li
  span,
body.path-frontpage
  header
  .mtpc_header
  .header
  .wrapper
  .logos
  .navigation
  > ul.menu
  li
  ul
  li
  a {
  color: var(--blue-5) !important;
}

/* Default menu colors */
body:not(.path-frontpage)
  header
  .mtpc_header
  .header
  .wrapper
  .logos
  .navigation
  > ul.menu
  > li
  span,
body:not(.path-frontpage)
  header
  .mtpc_header
  .header
  .wrapper
  .logos
  .navigation
  > ul.menu
  > li
  a,
body:not(.path-frontpage)
  header
  .mobile_menu_wrapper
  .mobile_navigation
  > ul.menu
  > li
  span,
body:not(.path-frontpage)
  header
  .mobile_menu_wrapper
  .mobile_navigation
  > ul.menu
  > li
  a,
body:not(.path-frontpage)
  header
  .mtpc_header
  .header
  .wrapper
  .logos
  .navigation
  > ul.menu
  li
  ul
  li
  span,
body:not(.path-frontpage)
  header
  .mtpc_header
  .header
  .wrapper
  .logos
  .navigation
  > ul.menu
  li
  ul
  li
  a,
body header .mobile_menu_wrapper .mobile_navigation > ul.menu li ul li span,
body header .mobile_menu_wrapper .mobile_navigation > ul.menu li ul li a {
  color: var(--grey-3) !important;
}

/* Menu hover */
body
  header
  .mtpc_header
  .header
  .wrapper
  .logos
  .navigation
  > ul.menu
  > li
  span:hover,
body
  header
  .mtpc_header
  .header
  .wrapper
  .logos
  .navigation
  > ul.menu
  > li
  a:hover,
body header .mobile_menu_wrapper .mobile_navigation > ul.menu > li span:hover,
body header .mobile_menu_wrapper .mobile_navigation > ul.menu > li a:hover,
body
  header
  .mtpc_header
  .header
  .wrapper
  .logos
  .navigation
  > ul.menu
  li
  ul
  li
  span:hover,
body
  header
  .mtpc_header
  .header
  .wrapper
  .logos
  .navigation
  > ul.menu
  li
  ul
  li
  a:hover,
body
  header
  .mobile_menu_wrapper
  .mobile_navigation
  > ul.menu
  li
  ul
  li
  span:hover,
body header .mobile_menu_wrapper .mobile_navigation > ul.menu li ul li a:hover {
  color: var(--blue-3) !important;
}

/* Submenu */
body
  header
  .mtpc_header
  .header
  .wrapper
  .logos
  .navigation
  > ul.menu
  li
  ul.submenu
  li
  span,
body
  header
  .mtpc_header
  .header
  .wrapper
  .logos
  .navigation
  > ul.menu
  li
  ul.submenu
  li
  a,
body
  header
  .mobile_menu_wrapper
  .mobile_navigation
  > ul.menu
  li
  ul.submenu
  li
  span,
body
  header
  .mobile_menu_wrapper
  .mobile_navigation
  > ul.menu
  li
  ul.submenu
  li
  a {
  color: var(--blue-5) !important;
}

body
  header
  .mtpc_header
  .header
  .wrapper
  .logos
  .navigation
  > ul.menu
  li
  ul.submenu
  li
  a.is-active,
body
  header
  .mobile_menu_wrapper
  .mobile_navigation
  > ul.menu
  li
  ul.submenu
  li
  a.is-active,
body
  header
  .mtpc_header
  .header
  .wrapper
  .logos
  .navigation
  > ul.menu
  li
  ul.submenu
  li
  a:hover,
body
  header
  .mobile_menu_wrapper
  .mobile_navigation
  > ul.menu
  li
  ul.submenu
  li
  a:hover {
  color: var(--blue-3) !important;
}

/* Active trail */
body
  header
  .mtpc_header
  .header
  .wrapper
  .logos
  .navigation
  > ul.menu
  > li.menu-item--active-trail
  > span,
body
  header
  .mtpc_header
  .header
  .wrapper
  .logos
  .navigation
  > ul.menu
  > li.menu-item--active-trail
  > a,
body
  header
  .mobile_menu_wrapper
  .mobile_navigation
  > ul.menu
  > li.menu-item--active-trail
  > span,
body
  header
  .mobile_menu_wrapper
  .mobile_navigation
  > ul.menu
  > li.menu-item--active-trail
  > a {
  color: var(--blue-base) !important;
}

/* Submenu border & background */
body
  header
  .mtpc_header
  .header
  .wrapper
  .logos
  .navigation
  > ul.menu
  li
  ul.submenu,
body header .mobile_menu_wrapper .mobile_navigation > ul.menu li ul.submenu {
  border-bottom: solid 6px var(--blue-3) !important;
}

body
  header
  .mtpc_header
  .header
  .wrapper
  .logos
  .navigation
  > ul.menu
  li
  ul.submenu
  li {
  max-width: 300px;
  min-width: 250px;
  width: auto;
}

body header .mtpc_header .navigation > ul.menu > li > ul.submenu > li,
body header .mobile_menu_wrapper .mobile_navigation > ul.menu > li > ul.submenu,
body
  header
  .mobile_menu_wrapper
  .mobile_navigation
  > ul.menu
  > li
  > ul.submenu
  > li {
  background-color: var(--blue-1) !important;
}

/* Mobile menu arrows */
body header .mobile_menu_wrapper .mobile_navigation .menu .arrow-right:after,
body
  header
  .mobile_menu_wrapper
  .mobile_navigation
  .menu
  .menu-icon.no-submenu-items
  a:after {
  color: var(--blue-5) !important;
}

/* ========================================
   NEWS & EVENTS - SHARED STYLES
   ======================================== */

.view-id-news_events .view-empty .no_search_results i {
  color: var(--blue-3) !important;
}

/* Page titles */
.view-id-news_events.view-display-id-page_1 .mtpc_pagetitle.mtpc_news h1,
.view-id-events.view-display-id-event_listing_page.event-listing-page
  .event-listing-head
  h1,
.mtpc_layout_standard .mtpc_pagetitle.mtpc_news h1,
article .node__content.mtpc-event-detail .event-head .event-title h1 {
  font-style: normal;
  font-weight: 700;
  font-size: 32px;
  line-height: 40px;
  color: var(--blue-base) !important;
}

.view-id-news_events.view-display-id-page_1 .mtpc_pagetitle.mtpc_news h1,
.view-id-events.view-display-id-event_listing_page.event-listing-page
  .event-listing-head
  h1 {
  text-transform: uppercase;
}

/* News/Event titles */
.view-id-news_events.view-display-id-page_1
  .view-content
  .row_container
  .content_container
  .mtpc_news_title
  a,
.view-id-news_events.view-display-id-block_1
  .view-content
  .views-row
  .row_container
  .mtpc_news_title
  a,
.view-id-events.view-display-id-event_listing_page.event-listing-page
  .listing.list-view
  .event-info
  .event-head
  .event-title
  a {
  font-style: normal;
  font-weight: 600;
  font-size: 26px;
  line-height: 31px;
  color: var(--blue-base) !important;
  text-decoration: none;
}

/* Dates and series */
.view-id-news_events.view-display-id-page_1
  .view-content
  .views-row
  .content_container
  .mtpc_news_date,
  .view-id-news_events.view-display-id-block_1
  .view-content
  .views-row
  .content_container
  .mtpc_news_date{
  margin-bottom: 0.9em;
}

.view-id-news_events.view-display-id-page_1
  .view-content
  .views-row
  .content_container
  .mtpc_news_date,
  .view-id-news_events.view-display-id-block_1
  .view-content
  .views-row
  .content_container
  .mtpc_news_date,
.view-id-events.view-display-id-event_listing_page.event-listing-page
  .listing.list-view
  .event-info
  .event-head
  .event-series,
.mtpc_layout_standard .mtpc-news-container .mtpc_news_date,
article
  .node__content.mtpc-event-detail
  .main-content
  .node-content
  .add-to-calendar {
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 20px;
  color: var(--blue-3) !important;
}

/* Pager */
.view-id-news_events.view-display-id-page_1 .mtpc_news_listing_footer .pager,
.view-id-events.view-display-id-event_listing_page.event-listing-page .pager {
  color: var(--blue-3) !important;
  text-transform: uppercase;
}

.view-id-news_events.view-display-id-page_1
  .mtpc_news_listing_footer
  .pager
  .pager__item.is-active,
.view-id-events.view-display-id-event_listing_page.event-listing-page
  .pager
  .pager__item.is-active {
  border-color: var(--blue-3) !important;
}

.view-id-news_events.view-display-id-page_1
  .mtpc_news_listing_footer
  .pager
  .pager__item.is-active
  a,
.view-id-events.view-display-id-event_listing_page.event-listing-page
  .pager
  .pager__item.is-active
  a {
  color: var(--blue-3) !important;
}

.view-id-news_events.view-display-id-page_1
  .mtpc_news_listing_footer
  .pager
  .pager__item
  a,
.view-id-events.view-display-id-event_listing_page.event-listing-page
  .pager
  .pager__item
  a {
  color: rgba(var(--blue-3-rgb), 0.3) !important;
  text-decoration: none !important;
}

/* Form select borders */
.view-id-news_events.view-display-id-page_1
  .mtpc_news_listing_footer
  .view-filters
  .views-exposed-form
  .form-item
  select.form-select,
.view-id-events.view-display-id-event_listing_page.event-listing-page
  .views-exposed-form
  .form-item
  .selection
  .select2-selection {
  border-color: rgba(var(--blue-3-rgb), 0.3);
}

/* Share buttons */
.mtpc_layout_standard
  article.mtpc-news-article
  .mtpc_news_share
  .social-sharing
  #st-2
  .st-btn,
article
  .node__content.mtpc-event-detail
  .main-content
  .social-share
  #st-2
  .st-btn {
  background-color: var(--blue-3) !important;
}

/* ========================================
   NEWS & EVENTS LISTING PAGE (Page 1)
   ======================================== */

.view-id-news_events.view-display-id-page_1
  .view-content
  .views-row.thumb-alternate:nth-of-type(even)
  .row_container.has_thumb {
  flex-direction: row !important;
}

.view-id-news_events.view-display-id-page_1
  .view-content
  .views-row.thumb-alternate:nth-of-type(even)
  .row_container.has_thumb
  .thumb_container {
  margin-right: 40px !important;
  margin-left: 0 !important;
}

.view-id-news_events.view-display-id-page_1
  .view-content
  .views-row.thumb-alternate
  .row_container.has_thumb
  .thumb_container {
  margin-right: 40px !important;
  margin-left: 0 !important;
}

.view-id-news_events.view-display-id-page_1
  .mtpc_news_listing_footer
  .view-filters
  .views-exposed-form
  .js-form-item-year {
  display: none;
}

.view-id-news_events.view-display-id-page_1
  .mtpc_news_listing_footer
  .view-filters
  .views-exposed-form
  .form-item {
  color: var(--blue-3) !important;
  text-transform: uppercase;
}

.view-id-news_events.view-display-id-page_1 .view-content {
  margin-top: 20px !important;
}

.view-id-news_events.view-display-id-page_1
  .view-content
  .views-row:first-child {
  border-top: 2px solid rgba(var(--green-3-rgb), 0.2);
}

.view-id-news_events.view-display-id-page_1 .view-content .views-row {
  border-bottom-color: rgba(var(--green-3-rgb), 0.2) !important;
}

.view-id-news_events.view-display-id-page_1
  .view-content
  .row_container
  .content_container
  .mtpc_news_title {
  margin-bottom: 0.6em;
}

.view-id-news_events.view-display-id-page_1
  .view-content
  .row_container
  .content_container
  .mtpc_news_desc,
.view-id-news_events.view-display-id-page_1
  .view-empty
  .no_search_results
  .error_message {
  font-style: normal;
  font-weight: 400;
  font-size: 1em;
  line-height: 1.6;
  color: var(--grey-4) !important;
}

.view-id-news_events.view-display-id-page_1
  .view-content
  .row_container
  .content_container
  .mtpc_news_desc
  .mtpc_read_more
  a {
  font-style: normal;
  font-weight: 700;
  font-size: 1em;
  line-height: 1.6;
  text-decoration-line: underline;
  color: var(--blue-3) !important;
}

/* ========================================
   NEWS & EVENTS BLOCK (Block 1 - Grid)
   ======================================== */

.view-id-news_events.view-display-id-block_1
  .view-content
  .row_container
  .content_container
  .mtpc_news_title {
  margin-bottom: 0.6em;
}

.view-id-news_events.view-display-id-block_1
  .view-content
  .views-row
  .row_container
  .mtpc_news_desc {
  font-style: normal;
  font-weight: 400;
  font-size: 1em;
  line-height: 1.6;
  color: var(--grey-4) !important;
  margin-bottom: 1.5rem;
}

/* Grid Layout - Desktop (3 columns) */
.view-id-news_events.view-display-id-block_1 .view-content {
  max-width: 1280px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
  margin-top: 50px !important;
  border-top: none !important;
}

.view-id-news_events.view-display-id-block_1 .view-content .views-row {
  border: none !important;
}

.view-id-news_events.view-display-id-block_1 .view-content > .views-row {
  padding-top: 0 !important;
}

/* Row container (vertical layout) */
.view-id-news_events.view-display-id-block_1
  .view-content
  > .views-row
  .row_container.has_thumb {
  display: flex;
  flex-direction: column;
}

.view-id-news_events.view-display-id-block_1
  .view-content
  > .views-row.thumb-alternate:nth-of-type(even)
  .row_container.has_thumb {
  display: flex;
  flex-direction: column !important;
}

/* Image container */
.view-id-news_events.view-display-id-block_1
  .view-content
  > .views-row
  .row_container.has_thumb
  .thumb_container {
  width: 100%;
  margin-left: 0 !important;
  margin-right: 0 !important;
  overflow: hidden;
}

.view-id-news_events.view-display-id-block_1
  .view-content
  > .views-row
  .row_container.has_thumb
  .thumb_container
  img {
  width: 100%;
  height: 310px;
  object-fit: cover;
  display: block;
}

.view-id-news_events.view-display-id-block_1
  .view-content
  .views-row
  .row_container.has_thumb
  .content_container {
  width: calc(100% - 25px) !important;
}

.view-id-news_events.view-display-id-block_1
  .view-content
  .views-row.thumb-alternate:nth-of-type(even)
  .row_container.has_thumb
  .thumb_container,
.view-id-news_events.view-display-id-block_1
  .view-content
  .views-row.thumb-alternate
  .row_container.has_thumb
  .thumb_container {
  margin-left: 0 !important;
  margin-right: 0 !important;
  margin-bottom: 20px;
}

.view-id-news_events.view-display-id-block_1
  .view-content
  .views-row.thumb-alternate
  .row_container
  .content_container {
  border-left: 2px solid rgba(var(--green-3-rgb), 0.2);
  padding-left: 20px;
}

.view-id-news_events.view-display-id-block_1
  .view-content
  .views-row
  .row_container
  .mtpc_read_more {
  padding-left: 0px;
}

/* ========================================
   NEWS DETAIL PAGE
   ======================================== */

.mtpc_layout_standard
  article.mtpc-news-article
  .mtpc_news_share
  .mtpc_banner_caption {
  border-top-color: var(--blue-4) !important;
}

.mtpc_layout_standard
  article.mtpc-news-article
  .mtpc_news_share
  .mtpc_banner_caption
  .field--name-field-mtpc-news-banner-caption {
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 20px;
  color: var(--grey-5) !important;
}

/* ========================================
   EVENT DETAIL PAGE
   ======================================== */

article .node__content.mtpc-event-detail .event-head .event-series p {
  font-style: normal;
  font-weight: 700;
  font-size: 22px;
  line-height: 28px;
  color: var(--blue-3) !important;
}

article .node__content.mtpc-event-detail .event-head .event-subtitle p {
  font-weight: 700;
  font-size: 22px;
  line-height: 28px;
  color: var(--blue-5) !important;
}

article .node__content.mtpc-event-detail .main-content .node-content div i {
  color: var(--grey-4) !important;
}

article
  .node__content.mtpc-event-detail
  .main-content
  .node-content
  .add-to-calendar
  a {
  font-size: 16px;
}

article
  .node__content.mtpc-event-detail
  .main-content
  .node-content
  .event-registration-btn
  a {
  font-style: normal;
  font-weight: 700;
  font-size: 15px;
  line-height: 24px;
  text-transform: uppercase;
  text-decoration: none !important;
  color: var(--white) !important;
  background-color: var(--blue-3) !important;
}

article
  .node__content.mtpc-event-detail
  .main-content
  .node-content
  .event-registration-btn
  a:after {
  display: none;
}

article .node__content.mtpc-event-detail .back-btn {
  border-color: var(--blue-3) !important;
  color: var(--blue-3) !important;
  text-transform: uppercase;
  text-decoration: none !important;
}

article
  .node__content.mtpc-event-detail
  .main-content
  .node-content
  .event-registration-btn
  a:hover,
article
  .node__content.mtpc-event-detail
  .main-content
  .node-content
  .event-registration-btn
  a:focus,
article
  .node__content.mtpc-event-detail
  .main-content
  .node-content
  .event-registration-btn
  a:active {
  color: var(--white) !important;
  background-color: var(--blue-3) !important;
  border-color: var(--blue-3) !important;
  text-decoration: none;
}

article .node__content.mtpc-event-detail .back-btn:hover,
article .node__content.mtpc-event-detail .back-btn:focus,
article .node__content.mtpc-event-detail .back-btn:active {
  color: var(--blue-3) !important;
  border-color: var(--blue-3) !important;
  background: transparent;
  text-decoration: none;
}

article
  .node__content.mtpc-event-detail
  .main-content
  .event-data-box-full-width
  .event-banner
  img {
  width: 100%;
}

/* ========================================
   EVENT LISTING PAGE
   ======================================== */

.view-id-events.view-display-id-event_listing_page.event-listing-page
  .listing
  .event-item {
  padding-bottom: 0px !important;
}

.view-id-events.view-display-id-event_listing_page.event-listing-page
  .listing
  .event-item
  .event-thumbnail {
  margin-left: 0 !important;
  margin-right: 0 !important;
  margin-bottom: 20px;
}

.view-id-events.view-display-id-event_listing_page.event-listing-page.event-listing-page
  .listing.list-view.image-align-right
  .event-item:nth-child(2n)
  .event-thumbnail {
  order: 0;
}

.view-id-events.view-display-id-event_listing_page.event-listing-page
  .event-listing-head {
  display: block !important;
  margin-bottom: 20px !important;
  padding-top: 20px;
}

.view-id-events.view-display-id-event_listing_page.event-listing-page
  .views-exposed-form
  .form-item
  .selection
  .select2-selection
  .select2-selection__rendered {
  color: var(--blue-3) !important;
  text-transform: uppercase;
}

.view-id-events.view-display-id-event_listing_page.event-listing-page
  .event-listing-head
  .views-exposed-form
  .form--inline
  .form-item.form-type-select
  .select2-container--default
  .select2-selection--single
  .select2-selection__arrow
  b {
  display: none;
}

.view-id-events.view-display-id-event_listing_page.event-listing-page
  .event-listing-head
  .views-exposed-form
  .form--inline
  .form-item.form-type-select
  .select2-container--default
  .select2-selection--single
  .select2-selection__arrow:after {
  content: "\f0d7";
  font-family: "Font Awesome 6 Pro";
  font-weight: bold;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: var(--blue-3) !important;
}

/* Select2 styles */
.select2-container.select2-container--default
  .select2-dropdown
  .select2-results
  .select2-results__options
  li.select2-results__option.select2-results__option--highlighted,
.select2-container.select2-container--default
  .select2-dropdown
  .select2-results
  .select2-results__options
  li.select2-results__option.select2-results__option--selected {
  background-color: var(--blue-3) !important;
  color: var(--white) !important;
}

.select2-container.select2-container--default
  .select2-dropdown
  .select2-results
  .select2-results__options
  li.select2-results__option {
  color: var(--grey-4) !important;
}

.select2-container.select2-container--default
  .select2-dropdown
  .select2-results
  .select2-results__options
  li.select2-results__option:hover {
  color: var(--white) !important;
}

/* Grid Layout - Desktop (3 columns) */
.view-id-events.view-display-id-event_listing_page.event-listing-page
  .listing.list-view {
  max-width: 1280px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
  margin-top: 20px !important;
  border-top: 2px solid rgba(var(--green-3-rgb), 0.2);
}

.view-id-events.view-display-id-event_listing_page.event-listing-page
  .listing.list-view
  .event-item {
  border: none !important;
}

/* Card wrapper */
.view-id-events.view-display-id-event_listing_page.event-listing-page
  .listing.list-view
  > .event-item {
  display: flex;
  flex-direction: column;
}

.view-id-events.view-display-id-event_listing_page.event-listing-page
  .listing.list-view
  > .event-item
  .event-thumbnail {
  width: 100%;
}

.view-id-events.view-display-id-event_listing_page.event-listing-page
  .listing.list-view
  > .event-item
  .event-thumbnail
  img {
  width: 100%;
  height: 310px;
  object-fit: cover;
  display: block;
}

.view-id-events.view-display-id-event_listing_page.event-listing-page
  .listing.list-view
  .event-info
  .event-head
  .event-subtitle
  p {
  font-style: normal;
  font-weight: 700;
  font-size: 18px;
  line-height: 23px;
  color: var(--blue-5) !important;
}

.view-id-events.view-display-id-event_listing_page.event-listing-page
  .listing
  .event-item
  .event-info
  .icon
  i {
  color: var(--grey-4) !important;
}

.view-id-events.view-display-id-event_listing_page.event-listing-page
  .listing.list-view
  .event-info
  .event-btn
  a {
  font-style: normal;
  font-weight: 700;
  font-size: 15px;
  line-height: 24px;
  text-transform: uppercase;
  color: var(--white) !important;
  text-decoration: none !important;
  background-color: var(--blue-3) !important;
}

.view-id-events.view-display-id-event_listing_page.event-listing-page
  .listing.list-view
  .event-info
  .event-btn
  a:hover {
  color: var(--white) !important;
}

/* ========================================
   HORIZONTAL LINE
   ======================================== */

.section-horizontal-line {
  width: 100%;
  height: 2px;
  opacity: 0.2;
  background-color: var(--green-3) !important;
}

/* Hide Chinese traditional */
body
  header
  .mtpc_header
  .top-header
  .wrapper
  .top_head_right
  .switch-language
  ul.language-switcher-language-url
  li.zh-hant {
  display: none;
}

body
  header
  .mobile_menu_wrapper
  .mobile_navigation
  .switch-language
  ul.language-switcher-language-url
  li.zh-hant {
  display: none;
}

/* ========================================
   RESPONSIVE STYLES
   ======================================== */
@media only screen and (max-width: 374px) {
  .skl-crcc-homepage-slideshow
    .slideshow_item
    .mtpc_slide_item_container
    .slide-text-wrapper
    .slide_text_per_row {
    max-width: 330px;
  }

  .skl-crcc-homepage-slideshow
    .slideshow_item
    .mtpc_slide_item_container
    .slide-text-wrapper {
    padding-left: 10px;
    left: 0.5em;
    top: 0.8em;
  }

  .skl-crcc-homepage-slideshow
    .slideshow_item
    .mtpc_slide_item_container
    .slide-text-wrapper
    .slide-text.slide-text--line1,
  .skl-crcc-homepage-slideshow
    .slideshow_item
    .mtpc_slide_item_container
    .slide-text-wrapper
    .slide-text.slide-text--line2 {
    padding: 5px 0px;
  }
}

@media only screen and (min-width: 375px) and (max-width: 414px) {
  .skl-crcc-homepage-slideshow
    .slideshow_item
    .mtpc_slide_item_container
    .slide-text-wrapper
    .slide_text_per_row {
    max-width: 340px;
  }

  .skl-crcc-homepage-slideshow
    .slideshow_item
    .mtpc_slide_item_container
    .slide-text-wrapper {
    padding-left: 10px;
    left: 0.5em;
    top: 0.8em;
  }

  .skl-crcc-homepage-slideshow
    .slideshow_item
    .mtpc_slide_item_container
    .slide-text-wrapper
    .slide-text.slide-text--line1,
  .skl-crcc-homepage-slideshow
    .slideshow_item
    .mtpc_slide_item_container
    .slide-text-wrapper
    .slide-text.slide-text--line2 {
    padding: 5px 0px;
  }
}

@media only screen and (min-width: 415px) and (max-width: 480px) {
  .skl-crcc-homepage-slideshow
    .slideshow_item
    .mtpc_slide_item_container
    .slide-text-wrapper
    .slide_text_per_row {
    max-width: 380px;
  }

  .skl-crcc-homepage-slideshow
    .slideshow_item
    .mtpc_slide_item_container
    .slide-text-wrapper {
    padding-left: 10px;
    left: 0.5em;
    top: 0.8em;
  }

  .skl-crcc-homepage-slideshow
    .slideshow_item
    .mtpc_slide_item_container
    .slide-text-wrapper
    .slide-text.slide-text--line1,
  .skl-crcc-homepage-slideshow
    .slideshow_item
    .mtpc_slide_item_container
    .slide-text-wrapper
    .slide-text.slide-text--line2 {
    padding: 5px 0px;
  }
}

@media only screen and (min-width: 481px) and (max-width: 575px) {
  .skl-crcc-homepage-slideshow
    .slideshow_item
    .mtpc_slide_item_container
    .slide-text-wrapper
    .slide_text_per_row {
    max-width: 450px;
  }

  .skl-crcc-homepage-slideshow
    .slideshow_item
    .mtpc_slide_item_container
    .slide-text-wrapper {
    padding-left: 10px;
    left: 0.5em;
    top: 0.8em;
  }

  .skl-crcc-homepage-slideshow
    .slideshow_item
    .mtpc_slide_item_container
    .slide-text-wrapper
    .slide-text.slide-text--line1,
  .skl-crcc-homepage-slideshow
    .slideshow_item
    .mtpc_slide_item_container
    .slide-text-wrapper
    .slide-text.slide-text--line2 {
    padding: 5px 0px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 639px) {
  .skl-crcc-homepage-slideshow
    .slideshow_item
    .mtpc_slide_item_container
    .slide-text-wrapper
    .slide_text_per_row {
    max-width: 540px;
  }

  .skl-crcc-homepage-slideshow
    .slideshow_item
    .mtpc_slide_item_container
    .slide-text-wrapper {
    padding-left: 10px;
    left: 0.75em;
    top: 0.8em;
  }

  .skl-crcc-homepage-slideshow
    .slideshow_item
    .mtpc_slide_item_container
    .slide-text-wrapper
    .slide-text.slide-text--line1,
  .skl-crcc-homepage-slideshow
    .slideshow_item
    .mtpc_slide_item_container
    .slide-text-wrapper
    .slide-text.slide-text--line2 {
    padding: 5px 0px;
  }
}

@media only screen and (min-width: 640px) and (max-width: 767px) {
  .skl-crcc-homepage-slideshow
    .slideshow_item
    .mtpc_slide_item_container
    .slide-text-wrapper
    .slide_text_per_row {
    max-width: 600px;
  }

  .skl-crcc-homepage-slideshow
    .slideshow_item
    .mtpc_slide_item_container
    .slide-text-wrapper {
    padding-left: 10px;
    left: 1em;
    top: 0.8em;
  }

  .skl-crcc-homepage-slideshow
    .slideshow_item
    .mtpc_slide_item_container
    .slide-text-wrapper
    .slide-text.slide-text--line1,
  .skl-crcc-homepage-slideshow
    .slideshow_item
    .mtpc_slide_item_container
    .slide-text-wrapper
    .slide-text.slide-text--line2 {
    padding: 5px 0px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 834px) {
  .skl-crcc-homepage-slideshow
    .slideshow_item
    .mtpc_slide_item_container
    .slide-text-wrapper
    .slide_text_per_row {
    max-width: 730px;
  }

  .skl-crcc-homepage-slideshow
    .slideshow_item
    .mtpc_slide_item_container
    .slide-text-wrapper {
    padding-left: 20px;
    left: 1em;
    top: 1.6em;
  }

  .skl-crcc-homepage-slideshow
    .slideshow_item
    .mtpc_slide_item_container
    .slide-text-wrapper
    .slide-text.slide-text--line1,
  .skl-crcc-homepage-slideshow
    .slideshow_item
    .mtpc_slide_item_container
    .slide-text-wrapper
    .slide-text.slide-text--line2 {
    padding: 8px 0px;
  }
}

@media only screen and (min-width: 835px) and (max-width: 899px) {
  .skl-crcc-homepage-slideshow
    .slideshow_item
    .mtpc_slide_item_container
    .slide-text-wrapper
    .slide_text_per_row {
    max-width: 780px;
  }

  .skl-crcc-homepage-slideshow
    .slideshow_item
    .mtpc_slide_item_container
    .slide-text-wrapper {
    padding-left: 20px;
    left: 1em;
    top: 1.6em;
  }

  .skl-crcc-homepage-slideshow
    .slideshow_item
    .mtpc_slide_item_container
    .slide-text-wrapper
    .slide-text.slide-text--line1,
  .skl-crcc-homepage-slideshow
    .slideshow_item
    .mtpc_slide_item_container
    .slide-text-wrapper
    .slide-text.slide-text--line2 {
    padding: 8px 0px;
  }
}

@media only screen and (min-width: 900px) and (max-width: 999px) {
  .skl-crcc-homepage-slideshow
    .slideshow_item
    .mtpc_slide_item_container
    .slide-text-wrapper
    .slide_text_per_row {
    max-width: 830px;
  }

  .skl-crcc-homepage-slideshow
    .slideshow_item
    .mtpc_slide_item_container
    .slide-text-wrapper {
    padding-left: 20px;
    left: 1.25em;
    top: 1.6em;
  }

  .skl-crcc-homepage-slideshow
    .slideshow_item
    .mtpc_slide_item_container
    .slide-text-wrapper
    .slide-text.slide-text--line1,
  .skl-crcc-homepage-slideshow
    .slideshow_item
    .mtpc_slide_item_container
    .slide-text-wrapper
    .slide-text.slide-text--line2 {
    padding: 8px 0px;
  }
}

@media only screen and (min-width: 1000px) and (max-width: 1023px) {
  .skl-crcc-homepage-slideshow
    .slideshow_item
    .mtpc_slide_item_container
    .slide-text-wrapper
    .slide_text_per_row {
    max-width: 550px;
  }

  .skl-crcc-homepage-slideshow
    .slideshow_item
    .mtpc_slide_item_container
    .slide-text-wrapper {
    padding-left: 20px;
    left: 1.6em;
  }

  .skl-crcc-homepage-slideshow
    .slideshow_item
    .mtpc_slide_item_container
    .slide-text-wrapper
    .slide-text.slide-text--line1,
  .skl-crcc-homepage-slideshow
    .slideshow_item
    .mtpc_slide_item_container
    .slide-text-wrapper
    .slide-text.slide-text--line2 {
    padding: 10px 0px;
  }
}

@media only screen and (min-width: 1024px) and (max-width: 1119px) {
  .skl-crcc-homepage-slideshow
    .slideshow_item
    .mtpc_slide_item_container
    .slide-text-wrapper
    .slide_text_per_row {
    max-width: 600px;
  }

  .skl-crcc-homepage-slideshow
    .slideshow_item
    .mtpc_slide_item_container
    .slide-text-wrapper {
    padding-left: 20px;
    left: 1em;
  }

  .skl-crcc-homepage-slideshow
    .slideshow_item
    .mtpc_slide_item_container
    .slide-text-wrapper
    .slide-text.slide-text--line1,
  .skl-crcc-homepage-slideshow
    .slideshow_item
    .mtpc_slide_item_container
    .slide-text-wrapper
    .slide-text.slide-text--line2 {
    padding: 10px 0px;
  }
}

@media only screen and (min-width: 1120px) and (max-width: 1199px) {
  .skl-crcc-homepage-slideshow
    .slideshow_item
    .mtpc_slide_item_container
    .slide-text-wrapper
    .slide_text_per_row {
    max-width: 600px;
  }

  .skl-crcc-homepage-slideshow
    .slideshow_item
    .mtpc_slide_item_container
    .slide-text-wrapper {
    padding-left: 20px;
    left: 1em;
  }

  .skl-crcc-homepage-slideshow
    .slideshow_item
    .mtpc_slide_item_container
    .slide-text-wrapper
    .slide-text.slide-text--line1,
  .skl-crcc-homepage-slideshow
    .slideshow_item
    .mtpc_slide_item_container
    .slide-text-wrapper
    .slide-text.slide-text--line2 {
    padding: 10px 0px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1279px) {
  .skl-crcc-homepage-slideshow
    .slideshow_item
    .mtpc_slide_item_container
    .slide-text-wrapper
    .slide_text_per_row {
    max-width: 600px;
  }

  .skl-crcc-homepage-slideshow
    .slideshow_item
    .mtpc_slide_item_container
    .slide-text-wrapper {
    padding-left: 20px;
    left: 1em;
  }

  .skl-crcc-homepage-slideshow
    .slideshow_item
    .mtpc_slide_item_container
    .slide-text-wrapper
    .slide-text.slide-text--line1,
  .skl-crcc-homepage-slideshow
    .slideshow_item
    .mtpc_slide_item_container
    .slide-text-wrapper
    .slide-text.slide-text--line2 {
    padding: 10px 10px;
  }
}

@media only screen and (min-width: 1280px) and (max-width: 1365px) {
  .skl-crcc-homepage-slideshow
    .slideshow_item
    .mtpc_slide_item_container
    .slide-text-wrapper
    .slide_text_per_row {
    max-width: 650px;
  }

  .skl-crcc-homepage-slideshow
    .slideshow_item
    .mtpc_slide_item_container
    .slide-text-wrapper {
    padding-left: 20px;
    left: 1.5em;
  }

  .skl-crcc-homepage-slideshow
    .slideshow_item
    .mtpc_slide_item_container
    .slide-text-wrapper
    .slide-text.slide-text--line1,
  .skl-crcc-homepage-slideshow
    .slideshow_item
    .mtpc_slide_item_container
    .slide-text-wrapper
    .slide-text.slide-text--line2 {
    padding: 10px 10px;
  }
}

@media only screen and (min-width: 1366px) and (max-width: 1439px) {
  .skl-crcc-homepage-slideshow
    .slideshow_item
    .mtpc_slide_item_container
    .slide-text-wrapper
    .slide_text_per_row {
    max-width: 650px;
  }

  .skl-crcc-homepage-slideshow
    .slideshow_item
    .mtpc_slide_item_container
    .slide-text-wrapper {
    padding-left: 20px;
    left: 2em;
  }

  .skl-crcc-homepage-slideshow
    .slideshow_item
    .mtpc_slide_item_container
    .slide-text-wrapper
    .slide-text.slide-text--line1,
  .skl-crcc-homepage-slideshow
    .slideshow_item
    .mtpc_slide_item_container
    .slide-text-wrapper
    .slide-text.slide-text--line2 {
    padding: 10px 15px;
  }
}

@media only screen and (min-width: 1440px) and (max-width: 1699px) {
  .skl-crcc-homepage-slideshow
    .slideshow_item
    .mtpc_slide_item_container
    .slide-text-wrapper
    .slide_text_per_row {
    max-width: 700px;
  }

  .skl-crcc-homepage-slideshow
    .slideshow_item
    .mtpc_slide_item_container
    .slide-text-wrapper {
    padding-left: 20px;
    left: 2.5em;
  }

  .skl-crcc-homepage-slideshow
    .slideshow_item
    .mtpc_slide_item_container
    .slide-text-wrapper
    .slide-text.slide-text--line1,
  .skl-crcc-homepage-slideshow
    .slideshow_item
    .mtpc_slide_item_container
    .slide-text-wrapper
    .slide-text.slide-text--line2 {
    padding: 10px 15px;
  }
}
/* End for banner */

/* ----- Tablet (768px - 999px) ----- */
@media (min-width: 768px) and (max-width: 999px) {
  .view-id-news_events.view-display-id-block_1
    .view-content
    > .views-row
    .row_container.has_thumb
    .thumb_container
    img,
  .view-id-events.view-display-id-event_listing_page.event-listing-page
    .listing.list-view
    > .event-item
    .event-thumbnail
    img {
    height: 515px;
  }

  /* Tablet Font Sizes */
  body main h1,
  body main .h1 {
    font-size: 42px;
    line-height: 53px;
  }

  body main h2,
  body main .h2 {
    font-size: 38px;
    line-height: 48px;
  }

  body main h3,
  body main .h3 {
    font-size: 28px;
    line-height: 35px;
  }

  body main h4,
  body main .h4 {
    font-size: 26px;
    line-height: 31px;
  }

  body main h5,
  body main .h5 {
    font-size: 20px;
    line-height: 25px;
  }

  .mtpc-pageTitle-block .mtpc_pagetitle_container .pagetitle h1 {
    font-size: 38px;
    line-height: 48px;
  }

  .mtpc-pageTitle-block
    .mtpc_pagetitle_container
    .pagetitle_breadcrumbs
    ol
    li
    a,
  .mtpc-pageTitle-block
    .mtpc_pagetitle_container
    .pagetitle_breadcrumbs
    ol
    li
    span {
    font-size: 20px;
    line-height: 25px;
  }

  /* Page titles */
  .view-id-news_events.view-display-id-page_1 .mtpc_pagetitle.mtpc_news h1,
  .mtpc_layout_standard .mtpc_pagetitle.mtpc_news h1,
  article .node__content.mtpc-event-detail .event-head .event-title h1,
  .view-id-events.view-display-id-event_listing_page.event-listing-page
    .event-listing-head
    h1 {
    font-size: 28px;
    line-height: 35px;
  }

  /* News/Event titles */
  .view-id-news_events.view-display-id-page_1
    .view-content
    .row_container
    .content_container
    .mtpc_news_title
    a,
  .view-id-news_events.view-display-id-block_1
    .view-content
    .views-row
    .row_container
    .mtpc_news_title
    a,
  .view-id-events.view-display-id-event_listing_page.event-listing-page
    .listing.list-view
    .event-info
    .event-head
    .event-title
    a,
  .skl-crcc-image-grid
    .mtpc-image-grid-block-item
    .inner-item
    .mtpc-image-caption,
  .mtpc-profile-list-block
    .mtpc_pl_item_wrapper
    .mtpc_profile_name_container
    .mtpc_profile_name {
    font-size: 26px;
    line-height: 31px;
  }

  .view-id-news_events.view-display-id-block_1 .view-content {
    grid-template-columns: 1fr;
  }

  .view-id-events.view-display-id-event_listing_page.event-listing-page
    .listing.list-view {
    grid-template-columns: 1fr;
  }

  .skl-crcc-homepage-slideshow
    .slideshow_item
    .mtpc_slide_item_container
    .slide-text-wrapper
    .slide-text.slide-text--line1 {
    font-size: 42px !important;
    line-height: 53px;
  }

  .skl-crcc-homepage-slideshow
    .slideshow_item
    .mtpc_slide_item_container
    .slide-text-wrapper
    .slide-text.slide-text--line2 {
    font-size: 26px !important;
    line-height: 31px;
  }

  .view-id-news_events.view-display-id-page_1
    .view-content
    .views-row.thumb-alternate:nth-of-type(even)
    .row_container.has_thumb
    .thumb_container {
    margin-left: 0 !important;
    margin-right: 20px !important;
  }

  .view-id-news_events.view-display-id-page_1
    .view-content
    .views-row.thumb-alternate
    .row_container.has_thumb
    .thumb_container {
    margin-left: 0 !important;
    margin-right: 20px !important;
  }

  .mtpc-pageTitle-block .mtpc_pagetitle_container {
    background-image: url(/sites/default/files/2026-02/tablet_page_banner.png);
  }

  .mtpc-pageTitle-block .mtpc_pagetitle_container:after {
    background: linear-gradient(var(--white) 0%, rgba(var(--white-rgb), 0) 10%);
  }

  .mtpc-pageTitle-block .mtpc_pagetitle_container .mtpc_pagetitle_wrapper {
    min-height: 140px !important;
  }

  .mtpc-pageTitle-block .mtpc_pagetitle_container .pagetitle_breadcrumbs,
  .mtpc-pageTitle-block .mtpc_pagetitle_container .pagetitle {
    padding-left: 15px;
  }
}

/* ----- Mobile (max-width: 767px) ----- */
@media only screen and (max-width: 767px) {
  /* 2-column layouts */
  .flex-3-7.mtpc-2col-section
    .mtpc-2col-section-wrapper
    > .mtpc-2col-item.mtpc-2col-item--1,
  .flex-3-7.mtpc-2col-section
    .mtpc-2col-section-wrapper
    > .mtpc-2col-item.mtpc-2col-item--2,
  .flex-7-3.mtpc-2col-section
    .mtpc-2col-section-wrapper
    > .mtpc-2col-item.mtpc-2col-item--1,
  .flex-7-3.mtpc-2col-section
    .mtpc-2col-section-wrapper
    > .mtpc-2col-item.mtpc-2col-item--2 {
    width: 100%;
  }

  body
    main
    .two-column-flex-reverse.mtpc-2col-section
    .mtpc-2col-section-wrapper,
  body main .mtpc-2col-section .mtpc-2col-section-wrapper {
    display: flex;
    flex-direction: column;
  }

  body
    main
    .two-column-flex-reverse.mtpc-2col-section
    .mtpc-2col-section-wrapper {
    flex-direction: column-reverse;
  }

  /* Profile details */
  .mtpc_pd_item_container .mtpc_pd_item_wrapper {
    display: flex !important;
    flex-direction: column-reverse;
  }

  /* Grid layouts */
  .view-id-news_events.view-display-id-block_1 .view-content {
    grid-template-columns: 1fr;
  }

  .view-id-events.view-display-id-event_listing_page.event-listing-page
    .listing.list-view {
    grid-template-columns: 1fr;
  }

  /* Image heights */
  .view-id-news_events.view-display-id-block_1
    .view-content
    > .views-row
    .row_container.has_thumb
    .thumb_container
    img,
  .view-id-events.view-display-id-event_listing_page.event-listing-page
    .listing.list-view
    > .event-item
    .event-thumbnail
    img {
    height: 210px;
  }

  /* Mobile Font Sizes */
  body main h1,
  body main .h1 {
    font-size: 32px;
    line-height: 40px;
  }

  body main h2,
  body main .h2 {
    font-size: 26px;
    line-height: 33px;
  }

  body main h3,
  body main .h3 {
    font-size: 22px;
    line-height: 28px;
  }

  body main h4,
  body main .h4 {
    font-size: 20px;
    line-height: 24px;
  }

  body main h5,
  body main .h5 {
    font-size: 18px;
    line-height: 23px;
  }

  .mtpc-pageTitle-block .mtpc_pagetitle_container .pagetitle h1 {
    font-size: 26px;
    line-height: 33px;
  }

  .mtpc-pageTitle-block
    .mtpc_pagetitle_container
    .pagetitle_breadcrumbs
    ol
    li
    a,
  .mtpc-pageTitle-block
    .mtpc_pagetitle_container
    .pagetitle_breadcrumbs
    ol
    li
    span {
    font-size: 18px;
    line-height: 23px;
  }

  /* Page titles */
  .view-id-news_events.view-display-id-page_1 .mtpc_pagetitle.mtpc_news h1,
  .mtpc_layout_standard .mtpc_pagetitle.mtpc_news h1,
  article .node__content.mtpc-event-detail .event-head .event-title h1,
  .view-id-events.view-display-id-event_listing_page.event-listing-page
    .event-listing-head
    h1 {
    font-size: 22px;
    line-height: 28px;
  }

  /* News/Event titles */
  .view-id-news_events.view-display-id-page_1
    .view-content
    .row_container
    .content_container
    .mtpc_news_title
    a,
  .view-id-news_events.view-display-id-block_1
    .view-content
    .views-row
    .row_container
    .mtpc_news_title
    a,
  .view-id-events.view-display-id-event_listing_page.event-listing-page
    .listing.list-view
    .event-info
    .event-head
    .event-title
    a,
  .skl-crcc-image-grid
    .mtpc-image-grid-block-item
    .inner-item
    .mtpc-image-caption,
  .mtpc-profile-list-block
    .mtpc_pl_item_wrapper
    .mtpc_profile_name_container
    .mtpc_profile_name {
    font-size: 20px;
    line-height: 24px;
  }

  .skl-crcc-homepage-slideshow
    .slideshow_item
    .mtpc_slide_item_container
    .slide-text-wrapper
    .slide-text.slide-text--line1 {
    font-size: 32px !important;
    line-height: 40px;
  }

  .skl-crcc-homepage-slideshow
    .slideshow_item
    .mtpc_slide_item_container
    .slide-text-wrapper
    .slide-text.slide-text--line2 {
    font-size: 20px !important;
    line-height: 24px;
  }

  .view-id-news_events.view-display-id-page_1
    .view-content
    .views-row.thumb-alternate:nth-of-type(even)
    .row_container.has_thumb
    .thumb_container {
    margin-left: 0 !important;
    margin-right: 20px !important;
  }

  .view-id-news_events.view-display-id-page_1
    .view-content
    .views-row.thumb-alternate
    .row_container.has_thumb
    .thumb_container {
    margin-left: 0 !important;
    margin-right: 20px !important;
  }

  .mtpc-pageTitle-block .mtpc_pagetitle_container {
    background-image: url(/sites/default/files/2026-02/mobile_page_banner.png);
  }

  .mtpc-pageTitle-block .mtpc_pagetitle_container:after {
    background: linear-gradient(var(--white) 0%, rgba(var(--white-rgb), 0) 10%);
  }

  .mtpc-pageTitle-block .mtpc_pagetitle_container .mtpc_pagetitle_wrapper {
    min-height: 75px !important;
  }

  .mtpc-pageTitle-block .mtpc_pagetitle_container .pagetitle_breadcrumbs,
  .mtpc-pageTitle-block .mtpc_pagetitle_container .pagetitle {
    padding-left: 10px;
  }

  .view-id-news_events.view-display-id-page_1,
  .mtpc_layout_standard .mtpc_pagetitle.mtpc_news,
  article .node__content.mtpc-event-detail,
  .view-id-events.view-display-id-event_listing_page.event-listing-page {
    padding-top: 40px;
  }
}

/* ========================================
   SECTION SPACING
   ======================================== */

@media only screen and (min-width: 1181px) {
  /* 1. If the container DOES NOT have a page title: Apply full padding */
  .mtpc-section-item
    .mtpc-1col-section:not(:has(.paragraph--type--mtpc-page-title)) {
    padding: 40px 40px;
  }

  /* 2. If the container DOES have a page title: Apply only padding-bottom */
  .mtpc-section-item .mtpc-1col-section:has(.paragraph--type--mtpc-page-title) {
    padding-bottom: 40px;
  }

  .mtpc-section-item .mtpc-2col-section {
    padding: 40px 40px;
  }

  .view-id-news_events.view-display-id-page_1,
  .view-id-events.view-display-id-event_listing_page.event-listing-page,
  article .node__content.mtpc-event-detail,
  .mtpc_layout_standard .mtpc_pagetitle.mtpc_news {
    padding-top: 80px;
  }
}

/* ==========================================================================
   GLOBAL / DESKTOP DEFAULT (Applied to all unless overridden)
   ========================================================================== */
.pt-0 {
  padding-top: 0 !important;
}

.pb-0 {
  padding-bottom: 0 !important;
}

/* Padding Top */
.pt-5 {
  padding-top: 5px !important;
}

.pt-10 {
  padding-top: 10px !important;
}

.pt-20 {
  padding-top: 20px !important;
}

.pt-40 {
  padding-top: 40px !important;
}

.pt-60 {
  padding-top: 60px !important;
}

.pt-80 {
  padding-top: 80px !important;
}

.pt-100 {
  padding-top: 100px !important;
}

/* Padding Bottom */
.pb-5 {
  padding-bottom: 5px !important;
}

.pb-10 {
  padding-bottom: 10px !important;
}

.pb-20 {
  padding-bottom: 20px !important;
}

.pb-40 {
  padding-bottom: 40px !important;
}

.pb-60 {
  padding-bottom: 60px !important;
}

.pb-80 {
  padding-bottom: 80px !important;
}

.pb-100 {
  padding-bottom: 100px !important;
}

/* ==========================================================================
   TABLET (md: max-width 1023px)
   ========================================================================== */
@media only screen and (max-width: 1023px) {
  .md-pt-0 {
    padding-top: 0 !important;
  }

  .md-pb-0 {
    padding-bottom: 0 !important;
  }

  .md-pt-10 {
    padding-top: 10px !important;
  }

  .md-pt-20 {
    padding-top: 20px !important;
  }

  .md-pt-40 {
    padding-top: 40px !important;
  }

  .md-pt-60 {
    padding-top: 60px !important;
  }

  .md-pb-10 {
    padding-bottom: 10px !important;
  }

  .md-pb-20 {
    padding-bottom: 20px !important;
  }

  .md-pb-40 {
    padding-bottom: 40px !important;
  }

  .md-pb-60 {
    padding-bottom: 60px !important;
  }
}

/* ==========================================================================
   MOBILE (sm: max-width 767px)
   ========================================================================== */
@media only screen and (max-width: 767px) {
  .sm-pt-0 {
    padding-top: 0 !important;
  }

  .sm-pb-0 {
    padding-bottom: 0 !important;
  }

  .sm-pt-10 {
    padding-top: 10px !important;
  }

  .sm-pt-20 {
    padding-top: 20px !important;
  }

  .sm-pt-40 {
    padding-top: 40px !important;
  }

  .sm-pb-10 {
    padding-bottom: 10px !important;
  }

  .sm-pb-20 {
    padding-bottom: 20px !important;
  }

  .sm-pb-40 {
    padding-bottom: 40px !important;
  }
}

body
  .page.user-login
  .page-content
  .login-wrapper
  .login-method
  .cas
  a.cas-login-link {
  text-decoration: none;
}

/* table css */
body table.tbl-bg {
  border: none;
}
body table.tbl-bg thead tr th,
body table.tbl-bg tbody tr th {
  background-color: var(--blue-base);
  color: var(--white);
}
body table.tbl-bg tbody tr:nth-of-type(even) {
  background-color: var(--blue-2);
}
body table.tbl-bg tbody tr:nth-of-type(odd) {
  background-color: var(--blue-1);
}

body table.tbl-bg tbody tr td b,
body table.tbl-bg tbody tr td strong {
  color: var(--blue-base);
}
body table.tbl-bg tr td {
  color: var(--blue-base);
  border: solid 4px var(--white) !important;
}

body table.tbl-bg thead tr th {
  border-left: solid 4px var(--blue-4) !important;
  border-right: solid 4px var(--blue-4) !important;
  border-bottom: solid 4px var(--white) !important;
}

body table.tbl-bg thead tr th:first-child {
  border-left: solid 4px var(--white) !important;
}
body table.tbl-bg tbody tr th:last-child {
  border-right: solid var(--white) !important;
}

body table.tbl-bg tbody tr th {
  border-top: solid 4px var(--blue-4) !important;
  border-bottom: solid 4px var(--blue-4) !important;
}

body table.tbl-bg tbody tr:first-child th {
  border-top: solid 4px var(--white) !important;
}
body table.tbl-bg tbody tr:last-child th {
  border-bottom: solid var(--white) !important;
}
body .mtpc-textarea.mtpc-block-textare-block-textarea .field__item:has(table) {
  overflow-x: auto;
}