/**
 * SuperX Theme - Global Site CSS
 * Styles specific to the Global site type
 */

/* Global site uses the default blue primary color */
body.site-type-global {
  /* Primary color already set in main.css */
}

/* Global specific branding adjustments */
.site-type-global .superx-header {
  /* Default header style */
}

.site-type-global .superx-footer {
  /* Default footer style */
}


.site-type-global .main-content-grid{
  padding-top:5px;
}

/* ===================================================================
   JP Site CSS Variables
   =================================================================== */
body.site-type-us {
  --superx-primary-rgb: 247,250,255;
}
/* ============================================
   Header
   ============================================ */
.site-type-global .superx-header .superx-header-inner .superx-header-actions{
  gap:2px;
}
.site-type-global .superx-header .superx-header-inner .superx-header-actions .superx-top-action{
  padding-right:15px;
}
.site-type-global .superx-site-btn{
  background: transparent;
  border: none;
}
.site-type-global .superx-site-btn:hover {
  background: var(--superx-bg-gray);
  border-color: var(--superx-border-dark);
  color: var(--superx-text-primary);
}
.site-type-global .superx-site-btn i {
  font-size:1.2rem;
}

.site-type-global .superx-language-btn{
  border:none;
  background: transparent;
}
.site-type-global .superx-language-btn:hover{
  background: var(--superx-bg-gray);
  border-color: var(--superx-border-dark);
  color: var(--superx-text-primary);
}
.site-type-global .superx-language-btn i {
  font-size:1.3rem;
}

/* ============================================
   Front content
   ============================================ */
.front-top-latest-news {
  max-width:100%;
  overflow:hidden;
  background-color:var(--superx-primary);
}
.front-top-latest-news .slick-list{
  max-width: var(--superx-container-width);
  margin:10px auto;
  color:#fff;
  text-align: center;
}
.front-top-latest-news .slick-list .views-field{
  display:inline-block;
}
.front-top-latest-news .slick-list .views-field time{
  padding-right: 10px;
}
.front-top-latest-news .slick-list .views-field time::after{
  content:": ";
}
.front-top-latest-news .slick-list .views-field a{
  color:#fff;
}

.region-highlighted-wrapper {
  background-color: rgba(var(--superx-primary-rgb), 1);
}

.us-hero-section{
  background: url('../images/bg/us-hero-bg.jpg') no-repeat center center;
  background-size: cover;
  padding:var(--superx-spacing-4xl) 0 calc(var(--superx-spacing-4xl) - 1rem) 0
}

.us-hero-section p{
  font-size:1.3rem;
}
  /* ============================================
     After content
     ============================================ */

.front-bottom-latest-news {
  max-width:110%;
  margin:auto;
}

.front-bottom-latest-news .b-grid > .grid{
  padding: 0 10px 10px 10px;
}
.front-bottom-latest-news .b-grid{
  margin: 0 0;
}

.front-bottom-latest-news .slick-list {
  padding-top:3px;
}

.front-bottom-latest-news .slide .grid__content:hover{
  transform: translateY(-3px); /* 向上移动1px */
  transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  position: relative; /* 确保transform正常工作 */
}

.front-bottom-latest-news .slide .grid__content .slide{
  background:linear-gradient(rgba(9, 9, 11, 0.1) 0%, rgba(9, 9, 11, 0.05) 100%);
  color: rgba(0, 0, 0, 0.87);
  box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  transition: box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1);
  border-radius: 10px;
  overflow: hidden;
  border-width: 1px;
  border-style: solid;
  border-color: rgba(180, 180, 180, 0.6);
  border-image: initial;
  height:240px;
  padding: 24px 20px 24px 20px;
}
.front-bottom-latest-news .slide .grid__content:hover .slide{
  border-color: var(--superx-primary-light); /* 或其他亮色变量 */
  box-shadow: 0px 4px 8px -1px rgba(0, 0, 0, 0.25); /* 增强阴影效果 */
}

.front-bottom-latest-news .slide .grid__content .news-category{
  display:inline-block;
  font-size: 16px;
  font-weight: 500;
  height: fit-content;
  margin-left: 0px;
  padding: 2px 8px;
  color: var(--superx-primary-light);
  background: #fff;
  border-radius:4px;
}
.front-bottom-latest-news .slide .grid__content time{
  display:block;
  margin: 10px 0 15px 0;
  color: var(--superx-text-muted);
}
.front-bottom-latest-news .slide .grid__content a{
  display:block;
  margin: 10px 0 15px 0;
  color: var(--dark);
  font-size:1.2rem;
  font-weight:400;
}
.front-bottom-latest-news .slide .grid__content a cite{
  color: var(--superx-primary-light);
  font-weight:550;
  font-style: normal;
}
.front-bottom-latest-news  .slick-arrow::before{
  color: var(--superx-text-primary);
}

.front-bottom-latest-news .slick-prev {
  left: -5%;
}

.front-bottom-latest-news .slick-next {
  right: -5%;
}

  /* ============================================
     Footer
     ============================================ */
.footer_menu_tel_link{
  display:inline-block;
}
.footer_menu_tel_link::before {
  content: "\f5c1";/*bi-telephone-fill*/
  font-family: bootstrap-icons !important;
  margin-right:5px;
  vertical-align: bottom;
}
.footer_menu_email_link{
  display:inline-block;
}
.footer_menu_email_link::before {
  content: "\f84c";/*bi-envelope-paper*/
  font-family: bootstrap-icons !important;
  margin-right:5px;
  vertical-align: bottom;
}


/* ============================================
   Administrator
   ============================================ */
li#navigation-link-menu-link-content6c988602-2384-4375-bc70-b7de8d5a733d span,
.us_switch_link_css span{
  color:#0444c4;
}


li#navigation-link-menu-link-content6c988602-2384-4375-bc70-b7de8d5a733d a::before,
.us_switch_link_css::before {
  color: #0444c4!important;
}
/* ============================================
    Administrator Porgress
============================================ */
.toolbar-loading .progress, .toolbar-loading .progress-stacked {
  --bs-progress-height: 2rem;
  --bs-progress-font-size: 1.2rem;
  --bs-progress-bg: var(--bs-secondary-bg);
}
.toolbar-loading .progress__bar{
  background: #0f3b94;
}
.toolbar-loading .progress__track{
  min-width:400px;
  margin-right: 20px;
  margin-left: 15px;
}
.toolbar-loading .progress__percentage{
  margin-right: 10px;
}