/*!
Theme Name: grl
Author: SupeR
Text Domain: grl_super
version: 1.0
*/
* {
  list-style: none;
  text-decoration: none;
  /* transition: all 0.3s;
    -webkit-transition: all 0.3s; */
}

:root {
  --c1: #F95A19;
  --c2: #333;
  --c3: #e3f3fb;
  --c4: #03003A;
  --background: #fafafa;

  --bs-link-color-rgb:var(--c2);
  
}
.acf-wysiwyg-row-3 iframe {
  height: 120px;
  min-height: 120px !important;
 }
.pagination{
  --bs-pagination-active-bg:var(--c1);
  --bs-pagination-active-border-color:#eee;
  /* --bs-pagination-color:var(--c1); */
  --bs-pagination-color:#333;
  --bs-pagination-hover-color:#fff;
  --bs-pagination-hover-bg:var(--c1);
  --bs-pagination-hover-border-color:var(--c1);
  --bs-pagination-focus-bg:var(--c1);
  --bs-pagination-focus-box-shadow:unset;
  --bs-pagination-focus-color:#fff;
  --bs-pagination-border-radius:100%;
  --bs-pagination-padding-y:;
  --bs-pagination-padding-x:0;

}
.pagination .page-link{border-radius: 100%;width: 38px;height: 38px;margin:0 10px;line-height: 38px;text-align: center;;}
.c-c1{color:var(--c1)}
.c-c2{color:var(--c2)}
.c-c3{color:var(--c3)}
.c-c4{color:var(--c4)}
.c-cf{color:#cfcfcf}
.c-333{color: #333;}
.c-999{color: #999;}
.c-666{color: #666;}
.c-fff{color: #fff;}
.c-eee{color: #eee;}
.fs-48{font-size: 48px;}
body>.mce-floatpanel{position: fixed !important;}

.bg-c1{background-color:var(--c1)}
.bg-c2{background-color:var(--c2)}
.bg-bg{background-color:var(--background)}
.bg-fff{background-color:#fff}
.border-bottom-1{border-bottom: 1px solid #333;}
.border-bottom-2{border-bottom: 1px solid #eee;}
.bg-none{background:none !important}
.ps-1600{padding-left:  max(15px, calc((100vw - min(100vw, 1600px)) / 2));}
.pe-1600{padding-right:  max(15px, calc((100vw - min(100vw, 1600px)) / 2));}
.py-1600{padding-left:  max(15px, calc((100vw - min(100vw, 1600px)) / 2));padding-right:  max(15px, calc((100vw - min(100vw, 1600px)) / 2));}
.ms-1600{margin-left:  max(15px, calc((100vw - min(100vw, 1600px)) / 2));}
.me-1600{margin-right:  max(15px, calc((100vw - min(100vw, 1600px)) / 2));}
body {
  /* font-family: "Microsoft YaHei", "微软雅黑", sans-serif; */
  font-family: "Outfit", sans-serif;
}
@media (min-width:1200px){
  #menu{display: none;}
}
a {
  text-decoration: none;
}

a:hover {
  color: var(--c1);
}

.hvr-radial-out:before {
  background: var(--c1);
}
.bth1.hvr-radial-out:before {
  background: #fff;
}
.bth1.hvr-radial-out:hover {
  color: var(--c1);
}

.hvr-underline-from-center:before {
  height: 1px;
  background: var(--c1);
}

.bth1 i {
  font-size: 22px;
  margin-right: 15px;
  vertical-align: top;
}

.bth1 {
  border-radius: 50px;
  background: var(--c1);
  border-radius: 50px 50px 0px 50px;
  border: 1px solid var(--c1);
  font-weight: 900;
  font-size: 16px;
  color: #FFFFFF;
  line-height: 28px;
  padding: 7px 30px 7px 30px;
}

/* 
<a href="" class="bth2 hvr-radial-out me-3"> <i class="bi bi-star"></i> <?php _e('Certification', 'grl_super'); ?></a>
<a href="" class="bth2 hvr-radial-out me-3"> <i class="bi bi-filetype-pdf"></i> <?php _e('Download PDF', 'grl_super'); ?></a>
<a href="javascript:void(0)" class="bth2 hvr-radial-out open_quote  me-3"> <i class="bi bi-chat-square-dots"></i> <?php _e('Contact Us', 'grl_super'); ?></a> 
*/

.bth2 i {
  font-size: 22px;
  margin-right: 15px;
  vertical-align: top;
}

.bth2 {
  border-radius: 50px;
  background: #fff;
  border-radius: 50px 50px 0px 50px;
  border: 1px solid var(--c1);
  font-weight: 900;
  font-size: 16px;
  color: var(--c1);
  line-height: 28px;
  padding: 7px 30px 7px 30px;
}

:root {
  --body-max-width: 1640px;
}

.container {
  max-width: var(--body-max-width);
}
.super_bottom_double_border{position: relative;}
.super_bottom_double_border::after {
  content: " ";
  position: absolute;
  left: 0;
  width: 100%;
  bottom: 0;z-index: 1;
  height: 1px;
  background-color: #eee;
}
.super_bottom_double_border::before {
  content: " ";
  position: absolute;
  left: 0;z-index: 2;
  width: 20%;
  bottom: 0;
  height: 5px;
  background-color: var(--c1);
}

.item_bottom_border {position: relative;}
.item_bottom_border::after {
  content: " ";
  position: absolute;
  z-index: -2;
  left: 0;
  width: 100%;
  bottom: 0;
  height: 1px;
  background-color: #eee;
}

.super_get_quote_a { margin: 20px; width: 8em; justify-content: center; display: flex; padding: 0.8em 1.1em; gap: 0.4rem; border: none; font-weight: 900; font-size: 14px; border-radius: 30px; cursor: pointer; text-shadow: 2px 2px 3px rgb(136 0 136 / 50%); box-shadow: 0 15px 25px -6px rgba(238, 103, 97, 0.5); background: linear-gradient(15deg, #D0262E, #D0262E, #cc3f47, #de6f3d, #f09f33, #de6f3d, #d53c2f, #D0262E, #D0262E) no-repeat; background-size: 300%; background-position: left center; transition: background 0.3s ease; color: #fff; }

.super_get_quote_a:hover { background-size: 320%; background-position: right center; transform: translateY(3px); box-shadow: none; }

.super_get_quote_button { margin: 20px; width: 8em; text-align: center; justify-content: center; display: inline-block; padding: 0.8em 1.1em; gap: 0.4rem; border: none; font-weight: 900; font-size: 14px; border-radius: 30px; cursor: pointer; text-shadow: 2px 2px 3px rgb(136 0 136 / 50%); box-shadow: 0 15px 25px -6px rgba(238, 103, 97, 0.5); background: linear-gradient(15deg, #D0262E, #D0262E, #cc3f47, #de6f3d, #f09f33, #de6f3d, #d53c2f, #D0262E, #D0262E) no-repeat; background-size: 300%; background-position: left center; transition: background 0.3s ease; color: #fff; }

.super_get_quote_button:hover { background-size: 320%; background-position: right center; transform: translateY(3px); box-shadow: none; }

.vc_tta-color-grey.vc_tta-style-classic.vc_tta-tabs .vc_tta-panels .vc_tta-panel-body { background-color: #fff !important; }

.super_h2 { font-size: 36px; color: #333333; }

.breadcrumb a { color: #333333; font-size: 1rem; }

.breadcrumb a:hover { color: var(--c1); }

.modal-backdrop { z-index: 1050 !important; }

.modal { z-index: 1060 !important; }
.text-1-line {white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.text-2-line {overflow: hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp: 2; }
.text-3-line {overflow: hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp: 3; }
.text-4-line {overflow: hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp: 4; }
.text-5-line {overflow: hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp: 5; }
.text-6-line {overflow: hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp: 6; }
.text-7-line {overflow: hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp: 7; }
.text-8-line {overflow: hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp: 8; }
.text-9-line {overflow: hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp: 9; }
.text-10-line {overflow: hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp: 10; }
.has_video {position: relative;cursor: pointer;}
.has_video .play_bth{display: block; position: absolute; display: flex; justify-content: center; align-items: center;top: 50%;left: 50%;transform: translate(-50%,-50%); }
.play_bth{ width: 62px; height: 62px; background-color: #fff; color: var(--c1); font-size: 26px; font-weight: bold; letter-spacing: 2px; border: none; border-radius: 100px; cursor: pointer; position: absolute; display: flex; justify-content: center; align-items: center; transition: all .1s linear; }
.play_bth:before,.play_bth:after{ content: ''; width: 62px; height: 62px; border-radius: 100px; position: absolute; animation: eff68 1.4s linear infinite; }
.play_bth:after{ animation-delay: 0.7s; }
.has_video:hover .play_bth{background-color: var(--c1); color:#fff ;}
@keyframes eff68{ 0%{ box-shadow: 0 0 0 0px #fff; opacity: 0.5; } 100%{ box-shadow: 0 0 0 30px #fff; opacity: 0; } }
/* .play_bth:active{ transform: scale(0.96); } */


/* 隐藏更多文本，点击展开 */
.with-hidden-more { position: relative; overflow: hidden; max-height: 16em; /* 约 10 行，根据行高计算，比如行高1.6rem */ transition: max-height 0.6s ease, opacity 0.3s ease; cursor: pointer; }
.with-hidden-more::before { content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 3em; background: linear-gradient(to bottom, rgba(255, 255, 255, 0), #fff); pointer-events: none; /* 避免遮挡点击 */ transition: opacity 0.4s ease; }
.with-hidden-more::after { content: "\F282";color: var(--c1); font-family: "bootstrap-icons"; font-size: 1.2rem; position: absolute; bottom: 0rem; left: 50%; transform: translateX(-50%); transition: transform 0.3s ease;  padding: 0.2rem; }
.with-hidden-more.expanded { max-height: 2000px; /* 足够大的高度容纳全文 */ }
.with-hidden-more.expanded::before { opacity: 0; }
.with-hidden-more.expanded::after { transform: translateX(-50%) rotate(180deg); }

.super_table{width: 100%;overflow-x: auto;}
.super_table table ,.super_table table td,.super_table table tr ,.super_table table thead{border: 1px solid #eee;padding-left: 10px;}

/* 移动端优化 */
@media (max-width: 768px) {
  .px-md-min-16 {
    padding-left: 16px;padding-right: 16px;;
  }

}
@media (max-width: 576px) {
  .fs-48 {
    font-size: 32px;
  }

  .container {
    padding-left: 15px;
    padding-right: 15px;
  }
}