/*
Theme Name: St Bees School HongKong
Theme URI: https://www.stbeesschool.hk/
Description: 广州名锐讯动（MRT）专注企业数字化转型，提供网站、小程序、APP 开发、管理系统定制、电商与跨境、WordPress建站等解决方案，深耕元宇宙、NFT、区块链、AI等前沿技术，覆盖智慧文旅、教育、医疗、酒店等多行业，服务 LVMH、美的、广汽等知名品牌，一站式助力企业互联网 + 升级。
Author: MRT
Author URI: https://gz-mrt.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* 在此添加您的自定义样式 */
:root {
  /* 品牌主色*/
  --stbeesblue: #294f73; /* 主蓝色 */
  --stbeesgold: #bca67f; /* 主金色 */
  --stbeesgreen: #6a9fac; /* 主绿色 */
  --stbeesblue2: #294f73; /* 深蓝色 */

  /* 字体颜色 */
  --stbeesblack: #000000; /* 黑色 */
  --stbeeswhite: #ffffff; /* 白色 */
  --stbeesgray: #939598; /* 灰色 */
  --stbeeslightgray: #e5e5e5; /* 浅灰色 */

  /* 扩展辅助色 */
  --stbees-teal-deep: #226b78; /* 青绿色 */
  --stbees-burgundy: #890452; /* 酒红色 */
  --stbees-navy-strong: #204889; /* 藏蓝色 */
  --stbees-bright-blue: #2b7aed; /* 亮蓝色 */
  --stbees-sage-gray: #70827a; /* 灰绿色 */
  --stbees-earthy-brown: #664c33; /* 棕褐色 */
  --stbees-cream-light: #ebeacc; /* 米白色 */

/* 字体 */
  --primaryfont: "Canela"; /* 主字体 */
  --secondaryfont: "Inter"; /* 次要字体 */
}

/* 自定义英文字体：Canela（主标题） */
@font-face {
  font-family: 'Canela';
  src: url('fonts/Canela.woff2') format('woff2'),
       url('fonts/Canela.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

/* 自定义英文字体：Inter（正文） */
@font-face {
  font-family: 'Inter';
  src: url('fonts/Inter.woff2') format('woff2'),
       url('fonts/Inter.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}


* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

/* 全局标题使用自定义英文字体 */
h1, h2, h3, h4, h5, h6 {
  font-family: var(--primaryfont) !important;
  line-height:1.2em !important;
}

/* 正文使用 */
body, p, button, a, span {
  font-family: var(--secondaryfont) !important;
}

/* 段落链接颜色 */
.e-paragraph-base a{
	color: var(--stbeesblue);
}
.e-paragraph-base a:hover{
	color: var(--stbeesgold);
}

/* 列表 ul ol */
ul, ol {
  font-size: 16px;
  line-height: 24px;
  padding:0 1.4em;
}
/* 按钮默认样式 */
button{
	padding:0;
}


/* 全屏视频Banner容器
.banner-video-wrap{
	width:100%;
	height:100vh;
}
.banner-video {
	width: 100%;
	height: 100%;
	min-width: 100%;
	min-height: 100%;
	object-fit: cover; 
} */

/* 强制视频内联播放，禁止iOS/微信悬浮窗口 */
#banner-video {
  display: block !important;
  width: 100% !important;
  height: 100vh !important;
  object-fit: cover !important;
  position: relative !important;
  z-index: 1 !important;
  /* 禁止系统原生播放器 */
  -webkit-video-playable-inline: display !important;
  video-playable-inline: display !important;
}

/* 隐藏微信/ios视频默认控件 */
#banner-video::-webkit-media-controls {
  display: none !important;
}
#banner-video::-webkit-media-controls-enclosure {
  display: none !important;
}


/* 表格样式 */
table,th,td{
	font-size:16px;
	border: 1px solid;
	border-color: var(--stbeeslightgray) !important;
	border-collapse: collapse;
}

table th {
    font-family: var(--primaryfont) !important;
	color: var(--stbeesblack) !important;
	text-align:left;
  }
table td {
	font-family: var(--secondaryfont) !important;
    color: var(--stbeesblack) !important;
  }
table td:first-child {
    font-family: var(--primaryfont) !important;
	color: var(--stbeesblack) !important;
	width: 24%;
  }

/* 主导航字体 */
#main-mega-menu .menu-item a {
  font-family: var(--primaryfont) !important;
}

/* 导航图案颜色 */
#icon-sub-menu-page {
      color: #ffffff !important;
    }
#main-mega-menu .menu-item:hover #icon-sub-menu-page {
  color:#bca67f !important;
}

#main-mega-menu .menu-item span{
	top:26px !important;
}

.eael-advanced-menu li ul{
	border-style: dashed !important;
}
/* 页面侧边导航字体 */
#quick-nav .menu-item a {
  font-family: var(--primaryfont) !important;
}

/* 隐藏页面侧边导航首页 */
#quick-nav > div > ul > li:first-child {
    display: none;
}

#quick-nav #icon-link{
	color: var(--stbeesgold);
}
#quick-nav:hover #icon-link{
	color: var(--stbeesgreen);
}

/*子菜单间距清楚*/
.sub-menu li{
	padding-left:0 !important;
}

.eael-advanced-menu-container .eael-advanced-menu .eael-advanced-menu-indicator {
	top:32px !important;
}


/* Logo 初始大小 */
#main-nav .site-logo img {
  height: 100px;
  width: auto;
  transition: all 0.6s ease;
}

/* Header样式 */
#main-nav {
  background-color: transparent;
  transition: all 0.3s ease;
}

/* 滚动吸顶后的样式 */
#main-nav.sticky-active {
  background-color: var(--stbeesblue);
  padding: 16px 40px;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}

/* 滚动后 Logo 缩小 */
#main-nav.sticky-active .site-logo img {
  height: 40px;
  width: auto;
}

/* 滚动后 Logo 改变大小 */
#main-nav.sticky-active .logo-layout {
  padding: 0;
  height: 72px;
  display: flex;
  justify-content: center;
}

/* 移动端导航菜单 */
#hide-header-mobile {
  position: fixed;
  top: 0px;
  left: 0;
  width: 100%;
  height: 220px;
  background-color: transparent;
  z-index: 999;
  -webkit-transition: all 0.6s ease !important;
  transition: all 0.6s ease !important;
}

#hide-header-mobile.scrolled {
  height: 68px;
  background-color: var(--stbeesblue);
}
@media (min-width: 768px) {
  #hide-header-mobile.scrolled {
  height: 128px;
  background-color: var(--stbeesblue);
}
}

#hide-header-mobile .social {
  margin-top: 10px;
  opacity: 1;
  transform: scale(1);
  -webkit-transition: all 0.6s ease;
  transition: all 0.6s ease;
}

#hide-header-mobile.scrolled .social {
  opacity: 0;
  transform: scale(0);
  height: 0;
  margin: 0;
  padding: 0;
  overflow: hidden;
}
#hide-header-mobile .logo {
    display: flex;
    justify-content: center;
    align-items: center;
  position: absolute;
  left: 50%;
  top: 60px;
	 z-index:9999;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  padding: 20px 0 20px 0;
  -webkit-transition: all 0.6s ease;
  transition: all 0.6s ease;
}

#hide-header-mobile.scrolled .logo {
  top: -26px;
  -webkit-transform: translateX(-50%) scale(0.5);
  transform: translateX(-50%) scale(0.5);
}
.elementor-widget-image{
	line-height:0 !important;
}
/* 导航按钮 */
#hide-header-mobile .menu {
	position:absolute;
	left:8px;
	top:14px;
	opacity:0;
	transform: scale(0.5); /* 初始缩放比例 */
	transition: transform 1s ease, opacity 0.5s ease;
	-webkit-transform: scale(0.5); /* 初始缩放比例 */
	-webkit-transition: transform 1s ease, opacity 0.5s ease;
}
#hide-header-mobile.scrolled .menu {
	opacity:1;
	transform: scale(1);
	-webkit-transform: scale(1);
}

/* 首屏 icon指示器上下回弹动画：1.2秒无限循环，平滑缓动 */
.scroll-bounce {
  animation: scrollBounce 2.2s ease-in-out infinite;
}
@keyframes scrollBounce {
  0% { transform: translateY(0); }
  50% { transform: translateY(16px); } /* 向下移动8px，可改大小 */
  100% { transform: translateY(0); }
}

/* 按钮样式 */
.elementor-button{
	min-height: 44px;
    color: white;
    padding: 3px 3px !important;
    background-color: transparent !important;
    background-size: 60% 60%;
    background-image: radial-gradient(circle at 100% 100%, transparent 0, transparent 8px, #294f73 9px), radial-gradient(circle at 0 0, transparent 0, transparent 8px, #294f73 9px), radial-gradient(circle at 100% 0, transparent 0, transparent 8px, #294f73 9px), radial-gradient(circle at 0 100%, transparent 0, transparent 8px, #294f73 9px);
    background-repeat: no-repeat;
    background-position: right bottom, left top, right top, left bottom;
}
.elementor-button:hover{
    background-image: radial-gradient(circle at 100% 100%, transparent 0, transparent 8px, #6A9FAC 9px), radial-gradient(circle at 0 0, transparent 0, transparent 8px, #6A9FAC 9px), radial-gradient(circle at 100% 0, transparent 0, transparent 8px, #6A9FAC 9px), radial-gradient(circle at 0 100%, transparent 0, transparent 8px, #6A9FAC 9px);
}
.elementor-button-content-wrapper{
	width: 100%;
    height: 100%;
    color: white;
    padding: 2px 2px;
    background-size: 60% 60%;
    background-image: radial-gradient(circle at 100% 100%, transparent 0, transparent 7px, #ffffff 8px), radial-gradient(circle at 0 0, transparent 0, transparent 7px, #ffffff 8px), radial-gradient(circle at 100% 0, transparent 0, transparent 7px, #ffffff 8px), radial-gradient(circle at 0 100%, transparent 0, transparent 7px, #ffffff 8px);
    background-repeat: no-repeat;
    background-position: right bottom, left top, right top, left bottom;
      }
.elementor-button-text{
    display: flex;
	justify-content: center;
    align-items: center;
	height: 100%;
    padding: 10px 24px;
    background-size: 60% 60%;
    background-image: radial-gradient(circle at 100% 100%, transparent 0, transparent 7px, #294f73 8px), radial-gradient(circle at 0 0, transparent 0, transparent 7px, #294f73 8px), radial-gradient(circle at 100% 0, transparent 0, transparent 7px, #294f73 8px), radial-gradient(circle at 0 100%, transparent 0, transparent 7px, #294f73 8px);
    background-repeat: no-repeat;
    background-position: right bottom, left top, right top, left bottom;
}
.elementor-button:hover .elementor-button-text{
	background-image: radial-gradient(circle at 100% 100%, transparent 0, transparent 7px, #6A9FAC 8px), radial-gradient(circle at 0 0, transparent 0, transparent 7px, #6A9FAC 8px), radial-gradient(circle at 100% 0, transparent 0, transparent 7px, #6A9FAC 8px), radial-gradient(circle at 0 100%, transparent 0, transparent 7px, #6A9FAC 8px);
}

/* 更改Facebook feed布局 */
.efbl_feeds_holder{
    display: flex;
    justify-content: space-around;
    gap: 10px;
    align-items: self-start;
	flex-wrap: wrap;
}
.efbl_feeds_holder .efbl-fullwidth-skin{
	flex:1;
}

.efbl-row > div:nth-child(1){
	margin-bottom: 10px !important;
}
.efbl-row > div:nth-child(2){
	order:-1 !important;
}

.efbl-post-footer{
	margin-top:0 !important;
}
.efbl-profile-title-wrap h2{
	font-size:14px !important;
}

.efbl-feed-content{
	padding:0 16px !important;
}
.efbl-feed-content .description{
	margin: 0 0 16px 0 !important;
}

@media (max-width: 768px) {
	.efbl_feeds_holder {
    display: flex;
    justify-content: space-around;
    gap: 10px;
    align-items: self-start;
    flex-direction: column;
    flex-wrap: wrap;
}
	.efbl-fullwidth-skin {
		margin-bottom: 0px;
	}
}

/* Facebook弹窗 */
#efblcf_holder button{
	display:none;
}
#efblcf_holder .efbl_popupp_footer{
	padding: 24px;
}
#efblcf_holder .efbl_popupp_footer a{
	display: block;
    margin-top: 16px;
}
.efbl_popup_wraper .efbl_popup_footer_logo{
	opacity: 0 !important;
}
.efbl-description-wrap{
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    word-break: break-all;
}

/* 表单样式 */
.ff-el-group .ff-el-form-top {
    margin-bottom: 24px !important;
}

.form-heading{
	display:flex;
	align-items:center;
	margin-bottom:8px !important;
}
.form-heading h5,p{
	margin: 0 8px 0 0 !important;
}
.form-heading p{
	color:#939598;
}

.form-contact-select .ff-el-input--content div{
	margin:0 20px 0 0 !important;
	
}
.form-contact-select .ff-el-input--content label{
	margin:0 !important;
}