#visual {
  background: url(../../_images/students/visual-bg.jpg) center center /cover no-repeat !important;
}

#main .btn-1 {
  color: #fff;
  padding: 1em;
  background: #1f6fc9;
}

#main .main {
  width: 72%;
  float: right;
}

.page-archive #main .main .item ~ .item {
  margin-top: 1em;
}

.page-archive #main .main .item a {
  width: 100%;
  display: flex;
  justify-content: space-between;
  text-decoration: none;
  color: inherit;
}

.page-archive #main .main .item .photo {
  width: 150px;
}

.page-archive #main .main .item .photo img {
  width: 100%;
}

.page-archive #main .main .item .content {
  width: calc( 100% - 150px );
  padding-left: 3%;
}

.page-archive #main .main .item .content .meta {
  font-style: italic;
  margin-bottom: 0.75em;
}

.page-archive #main .main .item .content .meta > * {
  display: inline-block;
  vertical-align: middle;
  line-height: 1;
}

.page-archive #main .main .item .content .meta time {
  font-weight: 500;
}

.page-archive #main .main .item .content .meta .category {
  font-size: 1.2rem;
  font-style: italic;
  text-align: center;
  color: #1f6fc9;
  padding: 0.5em 2em;
  border: 1px solid #111;
  margin-left: 1em;
}

.page-single #main .meta {
  margin-bottom: 1em;
}

.page-single #main .meta time {
  display: inline-block;
  vertical-align: middle;
  line-height: 1;
}

.page-single #main .meta .category {
  display: inline-block;
  vertical-align: middle;
  font-size: 1.2rem;
  font-style: italic;
  text-align: center;
  line-height: 1;
  color: #1f6fc9;
  padding: 0.4em 3em;
  border: 1px solid #111;
  margin-left: 1em;
}

#main .side {
  width: 24%;
  float: left;
}

#main .side .title {
  font-size: 2rem;
  font-weight: 500;
  font-style: italic;
  line-height: 1;
  color: #fff;
  padding: 0.75em 1em;
  background: #000;
}

#main .side .category li a {
  position: relative;
  display: block;
  font-weight: 500;
  color: inherit;
  text-decoration: none;
  padding: 0.5em;
  padding-left: 2em;
}

#main .side .category li a:before {
  content: '';
  position: absolute;
  top: 50%;
  left: 0.5em;
  display: block;
  width: 10px;
  height: 10px;
  border-top: 2px solid #1f6fc9;
  border-right: 2px solid #1f6fc9;
  transform: rotate(45deg);
  margin-top: -5px;
}

#main .side .category li a:hover {
  color: #1f6fc9;
}

#main .side .recent {
  font-size: 1.4rem;
}

#main .side .recent li a {
  display: block;
  color: inherit;
  text-decoration: none;
  margin: 1em 0;
}

#main .side .recent li .photo {
  width: 37%;
}

#main .side .recent li .photo img {
  width: 100%;
  object-fit: cover;
}

#main .side .recent li .content {
  width: 55%;
}

#main .side .recent li .content time {
  display: block;
}

#main .side .recent li .content .category {
  display: inline-block;
  font-size: 1.2rem;
  font-style: italic;
  line-height: 1;
  text-align: center;
  color: #1f6fc9;
  padding: 0.4em 2em;
  border: 1px solid #111;
}

#main .side .recent li p {
  margin-top: 0;
}

#main .side .archive select {
  width: 100%;
  padding: 0.5em;
  border: 1px solid #111;
  margin-top: 1em;
}

@media (max-width:736px) {
  #main .main,
  #main .side {
    width: 100%;
    float: none;
  }
  #main .side {
    margin-top: 60px;
  }
}