/*
Theme Name: Lemon
Theme URI: http://www.google.com
Description: 基于 Bootstrap 4 的 WordPress 主题
Author: Mikasa33
Author URI: http://www.google.com
Version: 1.0.0
Tags: Bootstrap, 简约, 公司, 企业
*/

/* 公共 */
body {
  margin: 0;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', 'Helvetica Neue', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
  -webkit-font-smoothing: antialiased;
  background-color: #f8f8f8;
  overflow-x: hidden;
}

ul {
  list-style-type: none;
}

.fill-cyan {
  fill: #4bd6e5 !important;
}

.fill-pink {
  fill: #f074ad !important;
}

.fill-yellow {
  fill: #fc0 !important;
}

.fill-blue {
  fill: #306eff !important;
}

.fill-purple {
  fill: #510fa8 !important;
}

.lemon-ellipsis-1 {
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}

.lemon-ellipsis-2 {
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.lemon-ellipsis-3 {
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}

.lemon-ellipsis-4 {
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
}

.hvr-underline-from-left:before {
  background: #0067F4;
}

.hvr-outline-in:before {
  border-radius: .625rem;
}

.hvr-glow:active, .hvr-glow:focus, .hvr-glow:hover {
  border-radius: 0.625rem;
  box-shadow: 0 0 20px rgba(0,0,0,.1);
}

.hvr-outline-in:before {
  border: rgba(0, 123, 255, .25) solid 4px;
}

.lemon-img {
  width: 100%;
}

.lemon-img-cover {
  object-fit: cover;
}

.lemon-border-radius {
  border-radius: .625rem;
}

.sub-menu {
  padding-left: .875rem;
}

/* 头部 */
.lemon-navbar, .lemon-header {
  width: 100%;
  z-index: 1;
}

.lemon-navbar .nav-link {
  display: table;
}

.lemon-navbar i {
  font-size: .75rem;
  vertical-align: middle;
  display: table-cell;
}

.lemon-navbar .dropdown .dropdown-menu {
  display: block;
  position: absolute;
  opacity: 0;
  pointer-events: none;
  -webkit-transform: translateX(0) translateY(-3px) scale(.97);
  -ms-transform: translateX(0) translateY(-3px) scale(.97);
  transform: translateX(0) translateY(-3px) scale(.97);
  -webkit-transition: all .2s ease;
  -o-transition: all .2s ease;
  transition: all .2s ease;
}

.lemon-navbar .dropdown:hover>.dropdown-menu {
  display: block;
  opacity: 1;
  pointer-events: auto;
  visibility: visible;
  -webkit-transform: translateX(0) translateY(-3px) scale(1);
  -ms-transform: translateX(0) translateY(-3px) scale(1);
  transform: translateX(0) translateY(-3px) scale(1);
}

.lemon-navbar .dropdown-menu {
  padding: 0;
  border: 0;
  overflow: hidden;
}

.lemon-navbar .dropdown-menu .dropdown-item {
  padding: .8rem 1.25rem;
}

.lemon-header-top {
  padding-top: 6.875rem;
}

/* 轮播 */
.lemon-carousel {
  height: 600px;
  box-shadow: none;
}

.lemon-carousel .carousel-item img {
  height: 37.5rem;
  object-fit: cover;
}

.selected-solution-wrapper {
  padding: 0 3.6rem;
}

.selected-solution .swiper-container {
  height: 31.25rem;
  width: 100%;
}

.selected-solution .solution-cardlist .col-4 {
  top: 0;
  transition: all .15s linear;
  box-sizing: border-box;
}

.selected-solution .solution-cardlist .col-4 .solution-card {
  height: 25rem;
  background: #fff;
  border-radius: .625rem;
  text-align: left;
  overflow: hidden;
  transition: all .15s linear;
}

.selected-solution .solution-cardlist .col-4:hover {
  position: relative;
  top: -1.25rem;
  transition: all .25s linear;
}

.selected-solution .solution-cardlist .col-4:hover .solution-card {
  height: 28.125rem;
  box-shadow: 0 10px 12px 0 rgba(0,0,0,.1);
  transition: all .2s linear;
}

.selected-solution .solution-cardlist .col-4 .solution-card img {
  width: 100%;
  height: 12.5rem;
  object-fit: cover;
  transition: all .2s linear;
}

.selected-solution .solution-cardlist .col-4 .solution-card h4 {
  margin: 1.25rem 1.875rem 0.625rem;
  font-size: 1.125rem;
  letter-spacing: .65px;
  text-align: left;
  font-weight: 300;
}

.selected-solution .solution-cardlist .col-4 .solution-card p {
  margin: 0 1.875rem;
  margin-bottom: 1.875rem;
  font-size: 0.875rem;
  letter-spacing: .50px;
}

.selected-solution .solution-cardlist .col-4 .solution-card>span {
  margin: 1.25rem 1.875rem 0;
  font-size: 0.875rem;
  display: inline-block;
  color: #666a75;
  letter-spacing: .51px;
  line-height: 1.375rem;
  opacity: 0;
  transition: opacity .15s linear;
}

.selected-solution .solution-cardlist .col-4:hover .solution-card>span {
  opacity: 1;
  transition: opacity .2s linear 50ms;
}

.selected-solution .solution-cardlist .col-4 .solution-card>span a span {
  display: inline-block;
  vertical-align: middle;
}

.selected-solution .solution-cardlist .col-4 .solution-card>span a span.arrow-f {
  width: 0.8125rem;
  height: 0.8125rem;
  background: url(./ui/images/marketplace-selected-arrow0.svg);
  display: inline-block;
  vertical-align: middle;
  margin-left: 0.3125rem;
  position: relative;
  transition: .3s ease-out;
}

.selected-solution .solution-cardlist .col-4 .solution-card>span a:hover {
  text-decoration: none !important;
}

.selected-solution .solution-cardlist .col-4 .solution-card>span a:hover span.arrow-f {
  transform: translate(4px, 0);
  background: url(./ui/images/marketplace-selected-arrow2.svg);
}

.swiper-container-horizontal>.swiper-pagination-bullets.solution-pagination {
  bottom: 0.9375rem
}

.solution-pagination .swiper-pagination-bullet {
  width: 1.5rem;
  height: 4px;
  border-radius: 6.25rem;
  overflow: hidden;
  background: #dfe1f1;
  border: none;
  cursor: pointer;
  content: '';
  display: inline-block;
  box-sizing: border-box;
  opacity: 1;
  vertical-align: middle;
}

.solution-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: #0067F4;
  box-sizing: border-box
}

.swiper-button-next:focus,
.swiper-button-prev:focus {
  outline: none;
}

/* 简介 */
/* .lemon-introduction .lemon-img img {
  width: 100%;
  max-width: 300px;
} */
.lemon-introduction .lemon-info .lemon-title,
.lemon-memorabilia .lemon-info .lemon-title,
.lemon-project .lemon-info .lemon-title {
  font-weight: 300;
  letter-spacing: 8px;
}

.lemon-introduction .lemon-info .lemon-title p,
.lemon-memorabilia .lemon-info .lemon-title p,
.lemon-project .lemon-info .lemon-title p {
  margin: 0;
  font-size: 1rem;
}

.lemon-introduction .lemon-info p {
  margin-bottom: 0;
  line-height: 2.5rem;
}

.lemon-introduction .lemon-info.card {
  cursor: default;
}

.lemon-introduction .lemon-info.card .card-title,
.lemon-project .lemon-info.card .card-title {
  font-weight: 300;
}

.lemon-introduction .lemon-info.card a.text-white:focus,
.lemon-introduction .lemon-info.card a.text-white:hover {
  color: #fff !important;
}

.lemon-introduction .lemon-info .lemon-img {
  height: 9.375rem;
  object-fit: fill;
}

.lemon-project .lemon-info p {
  font-size: 0.875rem;
}

.lemon-project .lemon-info .card-body {
  margin: 1.25rem 0 0.625rem;
  padding: 0.625rem;
  border-radius: 0.625rem;
  cursor: pointer;
}

.lemon-project .lemon-info .lemon-card-img img {
  width: 100%;
  height: 6.25rem;
  border-radius: .625rem;
  object-fit: cover;
}

.lemon-project .lemon-info i {
  font-size: 2.4rem;
  color: #007bff !important;
}

.lemon-project .lemon-info .card-text {
  color: #5a6169;
}

/* 脚部 */
.lemon-footer img {
  width: 6.25rem;
}

.lemon-footer .info {
  font-size: 0.875rem;
}

.lemon-footer ul div {
  padding: .375rem 0;
}

/* 侧边栏 */
.lemon-nav {
  font-size: 1rem;
}
.lemon-nav .nav-link:last-child {
  margin-bottom: 0 !important;
}
.lemon-nav .sub-menu .nav-link:last-child {
  margin-bottom: .25rem !important;
}
.lemon-nav.nav-pills .nav-link.active:hover {
  background-color: #007bff;
}
.lemon-nav.nav-pills .nav-link:hover {
  background-color: #e9ecef;
}

/* 列表 */
.lemon-list-item:last-child {
  padding-bottom: 0;
}
.lemon-list-item,
.lemon-list-item:hover {
  display: block;
  text-decoration: none;
}
.lemon-list-item img {
  width: 15.625rem;
  height: 9.375rem;
  border-radius: 0.5rem;
  object-fit: cover;
}
.lemon-pagination .pagination {
  margin-top: 1rem;
  justify-content: center;
}
.lemon-pagination .page-link {
  padding: .875rem 1.625rem;
}

/* 招聘 card */
.recruitment-card:hover {
  text-decoration: none;
}
.recruitment-card .card {
  display: flex;
}
.recruitment-card .card-title {
  font-weight: 300;
  margin-bottom: .75rem;
  font-size: 1.25rem;
}
.recruitment-card .card-text {
  margin-bottom: 0.25rem;
  font-size: 0.875rem;
  letter-spacing: .50px;
  color: #5a6169;
}