/*
Theme Name:西交利物浦大学-新构模版
Theme URI: https://www.xjtlu.edu.cn/zh/
Description:  六艺信息技术的作品。
Author:  六艺信息技术
Author URI: https://www.eee-eee.com/
Date:2022-09-23
Version: 1.0
License: 六艺信息技术许可认证
License URI: https://www.eee-eee.com/
Tags: Joomla CMS技术及WordPress、Drupal等诸多优秀开源系统
*/
/* =Reset default browser CSS. Based on work by 六艺信息技术: https:/www.eee-eee.com/
-------------------------------------------------------------- */
img{ max-width:100%;}
.headerflex{ display:flex; justify-content:space-between;}
.aylogo{ max-width:265px; margin-top:28px;}
.aylogo img{ max-width:100%;}
.stick .aylogo img{max-height: 33px;  margin-top: 20px; filter: brightness(0) invert(0);-webkit-filter: brightness(0) invert(0);-moz-filter: brightness(0) invert(0);-o-filter: brightness(0) invert(0);-ms-filter: brightness(0) invert(0);}
.headertopnav{display: flex; justify-content: flex-end; margin-top:13px;}
.headertopnav ul{ display:flex; gap:30px; padding-bottom:13px; border-bottom:rgba(255,255,255,0.32) 1px solid; justify-content:flex-end;}
.headertopnav li{}
.headertopnav li a{ display:flex; align-items:center; gap:10px; font-size:12px; color:#fff;}
.headertopnav li a img{}
.headertopnav li a span{}

.headermenu .main-menu .menu-item .down-box{ top:20px;}
.headermenu{ margin-top:12px;}
.headermenu .main-menu .main-menu-box > li.menu-item{ margin-left:30px;}
.headermenu .main-menu .main-menu-box > li.menu-item > a{padding: 0px 18px 0 0;}

.headermenu .main-menu .main-menu-box > li.menu-item > a, .headermenu .main-menu .main-menu-box > li.menu-item:hover > a, .headermenu .main-menu .main-menu-box > li.menu-item.active > a, .headermenu .main-menu .main-menu-box > li.menu-item > a:hover{ background:url(assets/images/mainmenulicon.svg) no-repeat right center;}

.stick .headermenu .main-menu .main-menu-box > li.menu-item > a, 
.stick .headermenu .main-menu .main-menu-box > li.menu-item:hover > a, 
.stick .headermenu .main-menu .main-menu-box > li.menu-item.active > a, 
.stick .headermenu .main-menu .main-menu-box > li.menu-item > a:hover{ 
    background:url(assets/images/mainmenulicon-hei.svg) no-repeat right center;
}


.headermenu .main-menu .main-menu-box > li.menu-item:nth-child(6) .down-box{left: auto;
  right: 0;
  transform: translateX(0%);}

.stick .headerflex{ padding:10px 0;}
.stick .headermenu{ margin-top: 5px;}


.iayslideall{}
.iayslideall .card-swiper .card.up-down .card-body{width: 86%;max-width: 1380px;margin: 0 auto; position:absolute;left: 50%;-webkit-transform: translateX(-50%); top:40%;-ms-transform: translateX(-50%); padding:0; display:block;transform: translateX(-50%);}
.iayslideall .card .card-body .card-title{ color:#fff;font-size: 48px; line-height: 67px;}
.iayslideall .card-swiper .card .card-body .card-text{font-size: 18px;color: #FFFFFF;line-height: 25px; margin:20px 0 0 0;}
.iayslideall .card-swiper .card .card-body .card-btntext{font-size: 18px;color: #FFFFFF; background-image:url(assets/images/islidebbtnbg.svg); background-position: right center; background-repeat: no-repeat; line-height: 25px; display:inline-block; padding:11px 68px 12px 27px; border: 1px solid #FFFFFF; margin-top:30px; border-radius:30px;}
.iayslideall .card.up-down .card_img{max-height: 660px;}

.iayslideall .card-swiper .swiper-pagination-bullets.swiper-pagination-horizontal{ bottom:26px; text-align:center; width: 100%;left: 0;}
.iayslideall .swiper-pagination .swiper-pagination-bullet{width: 15px;height: 15px;background: #FFFFFF;}
.iayslideall .swiper-pagination .swiper-pagination-bullet-active{width: 170px;height: 15px;background: linear-gradient( 270deg, #AB31E4 0%, #2D01A0 100%);border-radius: 8px;}
.iayslideall .card-swiper .card{ border-radius:0;}


.ayevents{}
.ayevents .eventcardall{background: #F9F9F9; border-radius: 8px; overflow:hidden;}
.ayevents .eventcardall .eventcard-img{}
.ayevents .eventcardall .eventcard-img a{}
.ayevents .eventcardall .eventcard-img img{ width:100%; height:200px;  object-fit: cover; object-position: center; border-bottom-left-radius:0px; border-bottom-right-radius:0px;}

.ayevents .eventcardall .card.event-card{background: none;}
.ayevents .eventcardall .card.event-card .calendar{background: none;}
.ayevents .eventcardall .card.event-card .card-body{}
.ayevents .calendar .calendar-title{ background:none; padding:0;}
.ayevents .card.event-card .calendar .calendar-title h6{font-weight: bold; line-height:1;font-size: 48px;color: #919191;}
.ayevents .eventcardall .calendar .calendar-date h3{font-weight: 400;font-size: 14px; margin-top:0; color: #919191;; line-height: 20px;}
.ayevents .eventcardall .calendar .calendar-date .link{background: #919191; border-radius: 9px;font-weight: 400;font-size: 12px;color: #FFFFFF;line-height: 18px; width: 58px;  margin: 8px auto 0;height: 18px;}
.ayevents .eventcardall:hover{ background:#f5f5f5;}
.ayevents .eventcardall:hover .card.event-card .calendar .calendar-title h6{color: #1F0047;}
.ayevents .eventcardall:hover .calendar .calendar-date h3{color: #1F0047;}
.ayevents .eventcardall:hover .calendar .calendar-date .link{background: linear-gradient( 180deg, #AB31E4 0%, #2D01A0 100%);}

.iayprogrammes.our-programmes{ width:100%;}
.iayprogrammes.our-programmes .call-to-action-1 .pole{ display:none;}
.iayprogrammes.our-programmes .call-to-action-1 h2{ max-width:100%;font-weight: bold;font-size: 32px;color: #FFFFFF;line-height: 45px;text-align: center; margin-bottom:0;}
.iayprogrammes.our-programmes .call-to-action-1{ background:none; min-height: 700px;}
.iayprogrammes.our-programmes .call-to-action-1 .bg{ /*height:100%;*/}
.iayprogrammes.our-programmes .programme-cards{ margin-top:90px; gap:20px;}
.iayprogrammes.our-programmes .programme-cards .card.programme{ height:200px; flex: 0 0 calc((100% - 40px) / 4);}
.iayprogrammes.our-programmes .programme-cards .card.programme .card-body .card-title{ margin-bottom:74px; font-size:32px;}
.iayprogrammes.our-programmes .programme-cards .card.programme .card-body .card-title span{ font-size:24px;}