.footer-top-wrapper ul {
  margin-bottom: 0;
  padding: 0;
  margin: 0;
  list-style-type: none;
}

#block-zhudaolan:after {
  display: block;
  content: "";
  clear: both;
}

#block-views-block-video-block-1,
#block-views-block-news-block-1, #block-views-block-school-life-block-1, #block-views-block-userful-link-block-1, #block-views-block-school-album-block-1, #block-khcalendarblock {
  background-color: #fff;
  margin-bottom: 3rem;
  -webkit-box-shadow: 0 1px 5px 0 rgba(32, 33, 36, 0.2);
          box-shadow: 0 1px 5px 0 rgba(32, 33, 36, 0.2);
  border-radius: 15px;
}
#block-views-block-video-block-1 h2,
#block-views-block-news-block-1 h2, #block-views-block-school-life-block-1 h2, #block-views-block-userful-link-block-1 h2, #block-views-block-school-album-block-1 h2, #block-khcalendarblock h2 {
  background-color: #1266b0;
  padding: 0.5rem 1.5rem;
  margin-bottom: 0;
  font-size: 1.5em;
  color: #fff;
  text-align: center;
  border-radius: 15px 15px 0 0;
}
#block-views-block-video-block-1 h2:before,
#block-views-block-news-block-1 h2:before, #block-views-block-school-life-block-1 h2:before, #block-views-block-userful-link-block-1 h2:before, #block-views-block-school-album-block-1 h2:before, #block-khcalendarblock h2:before {
  content: "";
  display: inline-block;
  vertical-align: text-bottom;
  width: 41px;
  height: 41px;
  background-image: url(/themes/custom/titan/images/block_title_flower.png);
  margin-right: 0.5rem;
}
@media (max-width: 768px) {
  #block-views-block-video-block-1 h2,
  #block-views-block-news-block-1 h2, #block-views-block-school-life-block-1 h2, #block-views-block-userful-link-block-1 h2, #block-views-block-school-album-block-1 h2, #block-khcalendarblock h2 {
    text-align: left;
  }
}
#block-views-block-video-block-1 .view-content,
#block-views-block-news-block-1 .view-content, #block-views-block-school-life-block-1 .view-content, #block-views-block-userful-link-block-1 .view-content, #block-views-block-school-album-block-1 .view-content, #block-khcalendarblock .view-content {
  padding: 2rem;
  padding-bottom: 0;
}
@media (max-width: 768px) {
  #block-views-block-video-block-1 .view-content,
  #block-views-block-news-block-1 .view-content, #block-views-block-school-life-block-1 .view-content, #block-views-block-userful-link-block-1 .view-content, #block-views-block-school-album-block-1 .view-content, #block-khcalendarblock .view-content {
    padding: 1rem;
  }
}

#block-views-block-userful-link-block-1 .views-field-field-userful-link-image img,
.view-userful-link.view-display-id-page_1 .views-field-field-userful-link-image img, #block-views-block-school-album-block-1 .views-field-field-photo-album img,
.view-school-album.view-display-id-page_1 .views-field-field-photo-album img,
#block-views-block-student-achievements-block-1 .views-field-field-photo-album img,
.view-student-achievements.view-display-id-page_1 .views-field-field-photo-album img,
#block-views-block-student-works-block-1 .views-field-field-photo-album img,
.view-student-works.view-display-id-page_1 .views-field-field-photo-album img, #block-front-shortcut-box .field--name-body a img {
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
#block-views-block-userful-link-block-1 .views-field-field-userful-link-image img:hover,
.view-userful-link.view-display-id-page_1 .views-field-field-userful-link-image img:hover, #block-views-block-school-album-block-1 .views-field-field-photo-album img:hover,
.view-school-album.view-display-id-page_1 .views-field-field-photo-album img:hover,
#block-views-block-student-achievements-block-1 .views-field-field-photo-album img:hover,
.view-student-achievements.view-display-id-page_1 .views-field-field-photo-album img:hover,
#block-views-block-student-works-block-1 .views-field-field-photo-album img:hover,
.view-student-works.view-display-id-page_1 .views-field-field-photo-album img:hover, #block-front-shortcut-box .field--name-body a img:hover {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
  opacity: 0.8;
}

body {
  font-size: 18px;
}
body.cke_editable {
  background: none !important;
}

@media (max-width: 1200px) {
  .container {
    max-width: 1250px !important;
  }
}
@media (max-width: 992px) {
  .container {
    max-width: 100%;
  }
}
@media (max-width: 576px) {
  .container {
    max-width: 100%;
  }
}

img {
  max-width: 100%;
  height: auto;
}

.material-icons {
  vertical-align: middle !important;
}

table {
  max-width: 100%;
}
@media (min-width: 768px) {
  table {
    min-width: 600px;
  }
}
table th,
table td {
  border: 1px solid #d7d7d7;
  padding: 0.75rem 0.5rem;
}
table th {
  background-color: #1266b0;
  text-align: center;
  font-weight: normal;
  color: #fff;
  white-space: nowrap;
}

.image-caption {
  background-color: #1266b0;
  color: #fff;
  text-align: center;
  padding: 0.5rem 1rem;
}

table.no-border th,
table.no-border td {
  border: none;
}

.breadcrumb {
  background-color: transparent;
  padding: 0;
  margin: 1rem 0;
  color: #666;
  font-weight: bold;
}
.breadcrumb a {
  color: #1266b0 !important;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.breadcrumb a:hover {
  color: rgb(8.5360824742, 48.3711340206, 83.4639175258);
}

main a {
  color: rgb(15.6340206186, 88.5927835052, 152.8659793814) !important;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
main a:hover {
  color: rgb(8.5360824742, 48.3711340206, 83.4639175258);
}
main a img {
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
main a img:hover {
  opacity: 0.7;
}

.layout-content {
  padding-bottom: 6rem;
}
.layout-content p {
  margin-bottom: 1.5rem;
}
.layout-content h2,
.layout-content h3,
.layout-content h4 {
  margin-top: 3rem;
  font-weight: bold;
}
.layout-content h2:first-child,
.layout-content h3:first-child,
.layout-content h4:first-child {
  margin-top: 0;
}
.layout-content h2 {
  font-size: 1.8rem;
  color: #105490;
}
.layout-content h2 + h2, .layout-content h2 + h3 {
  margin-top: 1rem;
}
.layout-content h3 {
  font-size: 1.5rem;
}
.layout-content h3 + h4 {
  margin-top: 1rem;
}
.layout-content h4 {
  font-size: 1.35rem;
}
.layout-content h5 {
  font-size: 1.35rem;
}
.layout-content ol li,
.layout-content ul li {
  margin-bottom: 0.5rem;
}

.tabs.primary li {
  background-color: #efefef;
  border: 1px solid #e2e2e2;
  border-radius: 5px 5px 0 0;
  padding: 0.2rem 1rem;
}
.tabs.primary li.is-active {
  background-color: #d3eae5;
}
.tabs.primary a:focus,
.tabs.primary a:hover,
.tabs.primary a.is-active {
  background-color: transparent;
}

.front-block-wrapper {
  padding-bottom: 2rem;
}

.layout-content-inner {
  background-color: rgba(255, 255, 255, 0.93);
  padding: 3rem;
  border-radius: 15px;
  -webkit-box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.15);
          box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.15);
}
@media (max-width: 992px) {
  .layout-content-inner {
    padding: 1rem;
  }
}

.responsive-iframe {
  overflow: hidden;
  padding-bottom: 56.25%;
  position: relative;
  height: 0;
}
.responsive-iframe iframe {
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  position: absolute;
}

#superfish-main #main-menu-link-content13653487-21d5-4a96-b547-2b3426ca0c3c {
  display: none;
}

header {
  background-image: url(/themes/custom/titan/images/header_bg.png);
  background-position: top center;
  background-repeat: repeat;
  overflow: hidden;
}
@media (max-width: 992px) {
  header {
    background-image: url(/themes/custom/titan/images/header_bg_mobile.png);
  }
}
header .inner-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 2rem 0;
}
@media (max-width: 992px) {
  header .inner-wrapper {
    padding: 0.5rem 0;
  }
}

.region-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 1rem;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
@media (max-width: 992px) {
  .region-header #block-logout-button {
    display: none;
  }
}

#block-titan-branding a.site-logo img {
  display: block;
}

#block-yuxiqiehuan {
  text-align: right;
  margin-bottom: 1rem;
  margin-top: -2.6rem;
}
@media (max-width: 992px) {
  #block-yuxiqiehuan {
    display: none;
  }
}
#block-yuxiqiehuan ul.links {
  display: inline-block;
  background-color: #fff;
  -webkit-box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.29);
          box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.29);
  border-radius: 5px;
  margin: 0;
  padding: 0;
  list-style-type: none;
}
#block-yuxiqiehuan ul.links li {
  display: inline-block;
}
#block-yuxiqiehuan ul.links li a {
  padding: 0.25rem 1rem;
  display: block;
  border-radius: 5px;
  color: #333;
}
#block-yuxiqiehuan ul.links li.is-active a {
  background-color: #d7e551;
  color: #fff;
  cursor: default;
  text-decoration: none;
}
.menu-wrapper {
  background-color: #1266b0;
}

#superfish-main {
  float: none;
  color: #333;
}

#block-zhudaolan > ul#superfish-main {
  margin-bottom: 0;
}

ul.sf-menu.sf-style-white li {
  /* &.sf-depth-1 {
      >a,
      >span {
          color: #fff !important;
          background: $menu-first-level-background;
          border-bottom: none !important;
          //font-weight: bold;
          &:hover {
              background: $menu-first-level-background-hover !important;
          }
      }
      &.sfHover {
          >span {
              background: $menu-first-level-background-hover !important;
          }
      }
  }*/
}
ul.sf-menu.sf-style-white li a,
ul.sf-menu.sf-style-white li > span {
  display: block;
  padding: 1em 1.6em;
  background: #fff;
  color: #333 !important;
  text-decoration: none;
  border: none !important;
}
ul.sf-menu.sf-style-white li a:hover,
ul.sf-menu.sf-style-white li > span:hover {
  background: #daeedc;
}
ul.sf-menu.sf-style-white li a.nolink,
ul.sf-menu.sf-style-white li > span.nolink {
  padding: 1em 1.6em;
}
ul.sf-menu.sf-style-white li.sf-depth-1 > a,
ul.sf-menu.sf-style-white li.sf-depth-1 > span {
  color: #333 !important;
  font-weight: bold;
}
ul.sf-menu.sf-style-white li.sf-depth-1:nth-child(1) > a,
ul.sf-menu.sf-style-white li.sf-depth-1:nth-child(1) > span {
  background: #ffd4dc;
}
ul.sf-menu.sf-style-white li.sf-depth-1:nth-child(1) > a:hover,
ul.sf-menu.sf-style-white li.sf-depth-1:nth-child(1) > span:hover {
  background: rgb(255, 171.2, 186.7906976744) !important;
}
ul.sf-menu.sf-style-white li.sf-depth-1:nth-child(2) > a,
ul.sf-menu.sf-style-white li.sf-depth-1:nth-child(2) > span {
  background: #FFE3AB;
}
ul.sf-menu.sf-style-white li.sf-depth-1:nth-child(2) > a:hover,
ul.sf-menu.sf-style-white li.sf-depth-1:nth-child(2) > span:hover {
  background: rgb(255, 213.4, 130.2) !important;
}
ul.sf-menu.sf-style-white li.sf-depth-1:nth-child(3) > a,
ul.sf-menu.sf-style-white li.sf-depth-1:nth-child(3) > span {
  background: #D9F2B6;
}
ul.sf-menu.sf-style-white li.sf-depth-1:nth-child(3) > a:hover,
ul.sf-menu.sf-style-white li.sf-depth-1:nth-child(3) > span:hover {
  background: rgb(198.9720930233, 235.8325581395, 147.3674418605) !important;
}
ul.sf-menu.sf-style-white li.sf-depth-1:nth-child(4) > a,
ul.sf-menu.sf-style-white li.sf-depth-1:nth-child(4) > span {
  background: #b0f0de;
}
ul.sf-menu.sf-style-white li.sf-depth-1:nth-child(4) > a:hover,
ul.sf-menu.sf-style-white li.sf-depth-1:nth-child(4) > span:hover {
  background: rgb(141.7106382979, 233.4893617021, 207.6765957447) !important;
}
ul.sf-menu.sf-style-white li.sf-depth-1:nth-child(5) > a,
ul.sf-menu.sf-style-white li.sf-depth-1:nth-child(5) > span {
  background: #BAD8F4;
}
ul.sf-menu.sf-style-white li.sf-depth-1:nth-child(5) > a:hover,
ul.sf-menu.sf-style-white li.sf-depth-1:nth-child(5) > span:hover {
  background: rgb(150.81, 196.11, 238.39) !important;
}
ul.sf-menu.sf-style-white li.sf-depth-1:nth-child(6) > a,
ul.sf-menu.sf-style-white li.sf-depth-1:nth-child(6) > span {
  background: #CFCAED;
}
ul.sf-menu.sf-style-white li.sf-depth-1:nth-child(6) > a:hover,
ul.sf-menu.sf-style-white li.sf-depth-1:nth-child(6) > span:hover {
  background: rgb(179.4169014085, 171.5436619718, 226.6563380282) !important;
}
ul.sf-menu.sf-style-white li.sf-depth-1:nth-child(7) > a,
ul.sf-menu.sf-style-white li.sf-depth-1:nth-child(7) > span {
  background: #F4D0B5;
}
ul.sf-menu.sf-style-white li.sf-depth-1:nth-child(7) > a:hover,
ul.sf-menu.sf-style-white li.sf-depth-1:nth-child(7) > span:hover {
  background: rgb(255, 213.4, 130.2) !important;
}
ul.sf-menu.sf-style-white li .sf-sub-indicator {
  text-shadow: none;
  right: 0.8em;
  font-size: 0.9em;
}

ul.sf-menu li:hover > ul,
ul.sf-menu li.sfHover > ul {
  top: 3em;
}

ul.sf-menu.sf-horizontal.sf-shadow ul,
ul.sf-menu.sf-vertical.sf-shadow ul,
ul.sf-menu.sf-navbar.sf-shadow ul ul {
  -webkit-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.22);
          box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.22);
}

@media (max-width: 992px) {
  .menu-wrapper {
    display: none;
  }
}
.mm-menu > .mm-list {
  padding: 0 0 40px;
}

.page-node-type-school-album .field--name-field-album-date,
.page-node-type-school-album .field--name-field-class,
.page-node-type-student-works .field--name-field-album-date,
.page-node-type-student-works .field--name-field-class,
.page-node-type-student-achievement .field--name-field-album-date,
.page-node-type-student-achievement .field--name-field-class {
  margin-bottom: 0.5rem;
}
.page-node-type-school-album .field--name-field-photo-album .field__item,
.page-node-type-student-works .field--name-field-photo-album .field__item,
.page-node-type-student-achievement .field--name-field-photo-album .field__item {
  text-align: center;
}
.page-node-type-school-album .field--name-field-photo-album .field__item a,
.page-node-type-student-works .field--name-field-photo-album .field__item a,
.page-node-type-student-achievement .field--name-field-photo-album .field__item a {
  display: inline-block;
  max-width: 100%;
  -webkit-box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.29);
          box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.29);
  border: 5px solid #f8f8f8;
}
.page-node-type-school-album .field--name-field-photo-album .field__item img,
.page-node-type-student-works .field--name-field-photo-album .field__item img,
.page-node-type-student-achievement .field--name-field-photo-album .field__item img {
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.page-node-type-school-album .field--name-field-photo-album .field__item img:hover,
.page-node-type-student-works .field--name-field-photo-album .field__item img:hover,
.page-node-type-student-achievement .field--name-field-photo-album .field__item img:hover {
  opacity: 0.8;
}

#block-titan-page-title {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}

.page-title-outer-wrapper {
  background-color: rgba(3, 3, 3, 0.25);
  padding: 7rem 0;
  color: #fff;
}

.page-title {
  width: 100%;
  margin: 0 auto;
  padding-left: 15px;
  padding-right: 15px;
  font-size: 4rem;
  font-weight: bold;
  text-shadow: 2px 4px 3px #000000;
  text-align: center;
}

@media (max-width: 992px) {
  .page-title-outer-wrapper {
    padding: 5rem 0;
  }
  .page-title {
    font-size: 3.5rem;
  }
}
.view-video.view-display-id-page_1 .views-row {
  margin-bottom: 1.5rem;
}
.view-video.view-display-id-page_1 .views-field-title {
  margin-bottom: 0.25rem;
  font-weight: bold;
}
.view-video.view-display-id-page_1 .views-field-field-video .field-content {
  position: relative;
  padding-bottom: 56.25%;
  /* 16:9 */
  height: 0;
}
.view-video.view-display-id-page_1 .views-field-field-video video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
}

.view-circular.view-display-id-page_1 .views-row,
.view-news.view-display-id-page_1 .views-row,
#block-views-block-news-block-1 .views-row {
  padding: 1rem;
  border-bottom: 1px solid #e1e1e1;
  overflow: hidden;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.view-circular.view-display-id-page_1 .views-row:last-child,
.view-news.view-display-id-page_1 .views-row:last-child,
#block-views-block-news-block-1 .views-row:last-child {
  border-bottom: none;
}
.view-circular.view-display-id-page_1 .views-row:nth-child(even),
.view-news.view-display-id-page_1 .views-row:nth-child(even),
#block-views-block-news-block-1 .views-row:nth-child(even) {
  background-color: #f7f7f7;
}
.view-circular.view-display-id-page_1 .views-row:hover,
.view-news.view-display-id-page_1 .views-row:hover,
#block-views-block-news-block-1 .views-row:hover {
  background-color: #eff8f6;
}
.view-circular.view-display-id-page_1 .views-field-field-circular-date,
.view-circular.view-display-id-page_1 .views-field-title,
.view-circular.view-display-id-page_1 .views-field-field-news-date,
.view-news.view-display-id-page_1 .views-field-field-circular-date,
.view-news.view-display-id-page_1 .views-field-title,
.view-news.view-display-id-page_1 .views-field-field-news-date,
#block-views-block-news-block-1 .views-field-field-circular-date,
#block-views-block-news-block-1 .views-field-title,
#block-views-block-news-block-1 .views-field-field-news-date {
  float: left;
}
.view-circular.view-display-id-page_1 .views-field-field-circular-date,
.view-circular.view-display-id-page_1 .views-field-field-news-date,
.view-news.view-display-id-page_1 .views-field-field-circular-date,
.view-news.view-display-id-page_1 .views-field-field-news-date,
#block-views-block-news-block-1 .views-field-field-circular-date,
#block-views-block-news-block-1 .views-field-field-news-date {
  width: 6em;
}
.view-circular.view-display-id-page_1 .views-field-title,
.view-news.view-display-id-page_1 .views-field-title,
#block-views-block-news-block-1 .views-field-title {
  width: calc(100% - 6em);
}

.field--name-field-page-image .field__item img {
  display: block;
  margin: 0 auto;
}

.path-node .field--name-field-album-date {
  margin-bottom: 1rem;
}

.path-node .field--name-field-photo-album .field__item {
  text-align: center;
}
.path-node .field--name-field-photo-album .field__item a.colorbox {
  display: inline-block;
  border-radius: 5px;
  -webkit-box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.29);
          box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.29);
  border: 8px solid #f8f8f8;
}
.path-node .field--name-field-photo-album .field__item a.colorbox img {
  display: block;
  margin: 0 auto;
}
.path-node .field--name-field-photo-album.default-image {
  display: none;
}

.view-report .views-row {
  margin-bottom: 2rem;
}
.view-report .views-field-field-report-thumbnail {
  margin-bottom: 0.5rem;
}
.view-report .views-field-field-report-thumbnail img {
  display: block;
  margin: 0 auto;
}
.view-report .views-field-title {
  font-weight: bold;
  text-align: center;
}

#block-front-shortcut-box {
  margin-bottom: 1rem;
}
#block-front-shortcut-box .field--name-body .col-lg-3 {
  text-align: center;
}
#block-front-shortcut-box .field--name-body a {
  display: inline-block;
  position: relative;
  overflow: hidden;
  max-width: 100%;
  -webkit-box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.29);
          box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.29);
  border-radius: 15px;
  margin-bottom: 1rem;
}
#block-front-shortcut-box .field--name-body a img {
  border-radius: 15px;
}
#block-front-shortcut-box .field--name-body a .img-caption {
  position: absolute;
  display: block;
  bottom: 0;
  left: 0;
  right: 0;
  text-align: center;
  font-size: 1.25rem;
  padding: 0.5rem 1rem;
  color: #333;
  background-color: rgba(215, 229, 81, 0.9);
  font-weight: bold;
  border-radius: 0 0 15px 15px;
}

#block-views-block-front-banner-block-1,
#block-views-block-front-banner-block-2 {
  position: relative;
  margin-bottom: 3rem;
}
#block-views-block-front-banner-block-1 .view-header,
#block-views-block-front-banner-block-2 .view-header {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 2;
  padding: 1rem;
  text-align: center;
  color: #fff;
  font-weight: bold;
}
#block-views-block-front-banner-block-1 .view-header .slogan-wrapper,
#block-views-block-front-banner-block-2 .view-header .slogan-wrapper {
  position: absolute;
  width: 100%;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  text-shadow: 2px 2px 1px rgba(25, 25, 25, 0.6901960784);
}
#block-views-block-front-banner-block-1 .view-header .main-slogan,
#block-views-block-front-banner-block-2 .view-header .main-slogan {
  font-size: 3rem;
  margin-bottom: 0.5rem;
}
#block-views-block-front-banner-block-1 .view-header .sub-slogan,
#block-views-block-front-banner-block-2 .view-header .sub-slogan {
  font-size: 1.5rem;
}
#block-views-block-front-banner-block-1 .slick-dots,
#block-views-block-front-banner-block-2 .slick-dots {
  bottom: 20px;
  z-index: 10;
}
#block-views-block-front-banner-block-1 .slick-dots li button::before,
#block-views-block-front-banner-block-2 .slick-dots li button::before {
  color: #fff;
  opacity: 1;
  font-size: 15px;
}
#block-views-block-front-banner-block-1 .slick-dots li.slick-active button:before,
#block-views-block-front-banner-block-2 .slick-dots li.slick-active button:before {
  color: #1266b0;
}

#block-views-block-front-banner-block-2 {
  display: none;
}

@media (max-width: 1200px) {
  #block-views-block-front-banner-block-1 .view-header .sub-slogan {
    font-size: 1.2rem;
  }
  #block-views-block-front-banner-block-1 .view-header .main-slogan {
    font-size: 2.8rem;
  }
}
@media (max-width: 992px) {
  #block-views-block-front-banner-block-1 {
    display: none;
  }
  #block-views-block-front-banner-block-2 {
    display: block;
  }
  #block-views-block-front-banner-block-2 .view-header .main-slogan {
    font-size: 2.8rem;
  }
  #block-views-block-front-banner-block-2 .view-header .main-slogan span {
    display: block;
  }
  #block-views-block-front-banner-block-2 .view-header .sub-slogan {
    display: none;
  }
}
@media (max-width: 768px) {
  #block-views-block-front-banner-block-2 .view-header .main-slogan {
    font-size: 2.3rem;
  }
}
@media (max-width: 576px) {
  #block-views-block-front-banner-block-2 .view-header .main-slogan {
    font-size: 1.8rem;
  }
  #block-views-block-front-banner-block-2 .slick-next,
  #block-views-block-front-banner-block-2 .slick-prev {
    display: none !important;
  }
}
#block-khcalendarblock .kh_calendar-app_container {
  padding: 1.5rem;
}
#block-khcalendarblock .rbc-inner-container {
  -webkit-box-flex: 2;
      -ms-flex: 2;
          flex: 2;
  margin-right: 1.5rem;
}
#block-khcalendarblock .rbc-toolbar .rbc-toolbar-label {
  font-size: 2rem;
  font-weight: bold;
}
#block-khcalendarblock .rbc-date-cell a {
  cursor: default;
  color: #444 !important;
}
#block-khcalendarblock .rbc-event {
  cursor: default !important;
  background-color: transparent;
  padding: 0;
}
#block-khcalendarblock .rbc-event p {
  margin-bottom: 0;
  padding: 2px 6px;
  font-size: 0.95rem;
}
#block-khcalendarblock .rbc-event-type-list-block {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  padding-top: 0.5rem;
}
#block-khcalendarblock .rbc-event-type-list-block .rbc-event-type {
  margin-right: 1rem;
}
#block-khcalendarblock .rbc-event-type-list-block .rbc-event-type-color {
  margin-right: 0.5rem;
}
#block-khcalendarblock .rbc-event-type-list-block .rbc-event-type-color > div {
  border-radius: 5px;
}
#block-khcalendarblock .rbc-event-list-block {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin-top: 4rem;
  background-color: #eff8f6;
  border: 1px solid #ececec;
  padding: 1rem;
  overflow: auto;
}
#block-khcalendarblock .rbc-event-list-block .rbc-event-list-item {
  margin-bottom: 0.75rem;
  overflow: auto;
}
#block-khcalendarblock .rbc-event-list-block .rbc-event-list-item .rbc-event-list-item-datetime {
  float: left;
  width: 5em;
}
#block-khcalendarblock .rbc-event-list-block .rbc-event-list-item .rbc-event-list-item-content {
  float: left;
  width: calc(100% - 5em);
  white-space: normal;
}
#block-khcalendarblock .rbc-event-list-block .rbc-event-list-item .rbc-event-list-item-content .rbc-event-list-item-color {
  float: left;
  display: block;
  margin-top: 5px;
  margin-right: 0.5rem;
}
#block-khcalendarblock .rbc-event-list-block .rbc-event-list-item .rbc-event-list-item-content .rbc-event-list-item-color > div {
  border-radius: 5px;
}
#block-khcalendarblock .rbc-event-list-block .rbc-event-list-item .rbc-event-list-item-content .rbc-event-list-item-title {
  float: left;
  display: block;
  width: calc(100% - 1.5rem);
}

@media (max-width: 992px) {
  /*.rbc-outer-container{
    display:block;
  }  */
  #block-khcalendarblock .kh_calendar-app_container {
    height: 800px !important;
    padding: 1rem;
  }
  #block-khcalendarblock .rbc-outer-container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  #block-khcalendarblock .rbc-event-list-block {
    margin-top: 1rem;
  }
  #block-khcalendarblock .rbc-event-type-list-block {
    display: block;
  }
  #block-khcalendarblock .rbc-event-type-list-block .rbc-event-type {
    margin-bottom: 0.5rem;
  }
}
#block-views-block-school-album-block-1 .views-row,
.view-school-album.view-display-id-page_1 .views-row,
#block-views-block-student-achievements-block-1 .views-row,
.view-student-achievements.view-display-id-page_1 .views-row,
#block-views-block-student-works-block-1 .views-row,
.view-student-works.view-display-id-page_1 .views-row {
  margin-bottom: 1.5em;
  text-align: center;
}
#block-views-block-school-album-block-1 .views-row-inner,
.view-school-album.view-display-id-page_1 .views-row-inner,
#block-views-block-student-achievements-block-1 .views-row-inner,
.view-student-achievements.view-display-id-page_1 .views-row-inner,
#block-views-block-student-works-block-1 .views-row-inner,
.view-student-works.view-display-id-page_1 .views-row-inner {
  display: inline-block;
  max-width: 100%;
}
#block-views-block-school-album-block-1 .views-field-field-photo-album,
.view-school-album.view-display-id-page_1 .views-field-field-photo-album,
#block-views-block-student-achievements-block-1 .views-field-field-photo-album,
.view-student-achievements.view-display-id-page_1 .views-field-field-photo-album,
#block-views-block-student-works-block-1 .views-field-field-photo-album,
.view-student-works.view-display-id-page_1 .views-field-field-photo-album {
  margin-bottom: 0.5rem;
}
#block-views-block-school-album-block-1 .views-field-field-photo-album .field-content,
.view-school-album.view-display-id-page_1 .views-field-field-photo-album .field-content,
#block-views-block-student-achievements-block-1 .views-field-field-photo-album .field-content,
.view-student-achievements.view-display-id-page_1 .views-field-field-photo-album .field-content,
#block-views-block-student-works-block-1 .views-field-field-photo-album .field-content,
.view-student-works.view-display-id-page_1 .views-field-field-photo-album .field-content {
  position: relative;
}
#block-views-block-school-album-block-1 .views-field-field-photo-album a,
.view-school-album.view-display-id-page_1 .views-field-field-photo-album a,
#block-views-block-student-achievements-block-1 .views-field-field-photo-album a,
.view-student-achievements.view-display-id-page_1 .views-field-field-photo-album a,
#block-views-block-student-works-block-1 .views-field-field-photo-album a,
.view-student-works.view-display-id-page_1 .views-field-field-photo-album a {
  display: block;
  border-radius: 5px;
  -webkit-box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.29);
          box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.29);
  border: 8px solid #f8f8f8;
  overflow: hidden;
}
#block-views-block-school-album-block-1 .views-field-field-photo-album .album-date,
.view-school-album.view-display-id-page_1 .views-field-field-photo-album .album-date,
#block-views-block-student-achievements-block-1 .views-field-field-photo-album .album-date,
.view-student-achievements.view-display-id-page_1 .views-field-field-photo-album .album-date,
#block-views-block-student-works-block-1 .views-field-field-photo-album .album-date,
.view-student-works.view-display-id-page_1 .views-field-field-photo-album .album-date {
  position: absolute;
  z-index: 2;
  bottom: 8px;
  left: 8px;
  right: 8px;
  background-color: rgba(1, 116, 99, 0.8);
  padding: 0.2rem 1rem;
  color: #fff;
  border-radius: 0 0 5px 5px;
}
#block-views-block-school-album-block-1 .views-field-title,
.view-school-album.view-display-id-page_1 .views-field-title,
#block-views-block-student-achievements-block-1 .views-field-title,
.view-student-achievements.view-display-id-page_1 .views-field-title,
#block-views-block-student-works-block-1 .views-field-title,
.view-student-works.view-display-id-page_1 .views-field-title {
  text-align: center;
}

#block-views-block-school-album-block-1,
#block-views-block-userful-link-block-1,
#block-views-block-news-block-1 {
  position: relative;
}

#block-views-block-userful-link-block-1 .views-row,
.view-userful-link.view-display-id-page_1 .views-row {
  margin-bottom: 1.5em;
}
#block-views-block-userful-link-block-1 .views-field-field-userful-link-image,
.view-userful-link.view-display-id-page_1 .views-field-field-userful-link-image {
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 0.25rem;
  overflow: hidden;
}
#block-views-block-userful-link-block-1 .views-field-field-userful-link-image img,
.view-userful-link.view-display-id-page_1 .views-field-field-userful-link-image img {
  display: block;
  margin: 0 auto;
  border: 1px solid #e0e0e0;
  border-radius: 10px;
}
#block-views-block-userful-link-block-1 .views-field-title,
.view-userful-link.view-display-id-page_1 .views-field-title {
  text-align: center;
}
#block-views-block-userful-link-block-1 .views-field-title a,
.view-userful-link.view-display-id-page_1 .views-field-title a {
  font-size: 0.9em;
  overflow: hidden;
}

.more-link {
  position: absolute;
  top: 11px;
  right: 20px;
  background-color: #fff;
  padding: 0.25rem 1rem;
  border-radius: 5px;
  font-weight: bold;
}
.kh_calendar-app_container .rbc-event-list-item-title.rbc-clickable {
  text-decoration: underline;
}

#block-views-block-school-life-block-1 a.colorbox {
  display: inline-block;
  border-radius: 5px;
  -webkit-box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.29);
          box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.29);
  border: 8px solid #f8f8f8;
  margin-bottom: 0.5rem;
}
#block-views-block-school-life-block-1 .image-title {
  display: block;
  text-align: center;
}

.front-middle-row [class*=col-] {
  margin-bottom: 3rem;
}

.region-front-middle-right,
.region-front-middle-left,
#block-views-block-video-block-1,
#block-views-block-news-block-1 {
  height: 100%;
}

#block-views-block-video-block-1,
#block-views-block-news-block-1 {
  margin-bottom: 0;
}
#block-views-block-video-block-1 .view-content,
#block-views-block-news-block-1 .view-content {
  padding-bottom: 2rem;
}
@media (max-width: 992px) {
  #block-views-block-video-block-1 .view-content,
  #block-views-block-news-block-1 .view-content {
    padding-bottom: 1rem;
  }
}

#block-views-block-video-block-1 .views-field-title,
.view-id-video.view-display-id-page_1 .views-field-title {
  font-weight: bold;
  margin-top: 0.5rem;
  text-align: center;
}

.footer-top-wrapper {
  padding: 3rem 0;
  background-color: #56565f;
  color: #fff;
}
.footer-top-wrapper .col-outer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 100%;
}
.footer-top-wrapper .school-name {
  font-size: 1.2em;
}
.footer-top-wrapper .school-name .chi-name {
  margin-bottom: 0.25rem;
}
.footer-top-wrapper hr {
  border-color: #fff;
}
.footer-top-wrapper ul .material-icons {
  margin-right: 0.5rem;
  font-size: 1.5em !important;
}
.footer-top-wrapper ul li {
  margin-bottom: 0.5rem;
}
.footer-top-wrapper ul a {
  color: #fff;
  text-decoration: underline;
}
.footer-top-wrapper .map-responsive {
  overflow: hidden;
  padding-bottom: 56.25%;
  position: relative;
  height: 0;
}
.footer-top-wrapper .map-responsive iframe {
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  position: absolute;
}

.footer-bottom-wrapper {
  background-color: rgb(15.6340206186, 88.5927835052, 152.8659793814);
  padding: 1rem;
  text-align: center;
  color: #fff;
}

@media (max-width: 992px) {
  .footer-top-wrapper [class^=col-] {
    margin-bottom: 1rem;
  }
}
input.form-text,
input.form-tel,
input.form-email,
input.form-url,
input.form-search,
input.form-file,
input.form-number,
input.form-color,
textarea.form-textarea {
  color: #3b3b3b;
  border: 1px solid #ccc;
}

input {
  max-width: 100%;
  margin: 2px 0;
  padding: 4px;
}

select {
  border: 1px solid #ccc;
  padding: 4px;
}

.button {
  padding: 0.25rem 2rem;
  border: 1px solid #d0d0d0;
  border-radius: 25px;
  background: #efefef;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.button:hover {
  background: #e2e2e2;
}
.button:focus {
  border-radius: 25px;
}

form.content-moderation-entity-moderation-form {
  background-color: #fff;
  margin-bottom: 1rem;
  border: 1px solid #efefef;
}
form.content-moderation-entity-moderation-form h4.label {
  margin: 0 0.5em 0.5em 1em;
}
form.content-moderation-entity-moderation-form #edit-effective-datetime {
  margin: 0 0 1em 1em;
}

.entity-moderation-form {
  border: none;
  margin: 0;
}