h1 {
  font-family: 'silpakorn70newregular' !important; }

h2 {
  font-family: 'silpakorn70newregular' !important; }

h3 {
  font-family: 'silpakorn70newregular' !important; }

footer.page-footer {
  margin-top: 0px !important; }

.card .card-image .card-title {
  font-family: 'silpakorn70newregular' !important;
  text-shadow: 0 0 3px #FFF, 0 0 5px #444 !important; }
.card .card-content .card-title {
  font-family: 'silpakorn70newregular' !important;
  color: #444 !important; }

.parallex-fade {
  background-color: rgba(0, 0, 0, 0.5);
  color: #fff; }
  .parallex-fade div {
    width: 100%; }

.image-singlecard {
  position: relative;
  margin: 0.5rem 0 0rem 0;
  background-color: #fff;
  transition: box-shadow .25s;
  border-radius: 2px;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); }

.width-100 {
  width: 100%; }

.padding-top-1rem {
  padding-top: 1rem; }

.color-444 {
  color: #444 !important; }

.no-margin-left-right {
  margin-left: 0px;
  margin-right: 0px; }

.font-size-36 {
  font-size: 36px; }

.margin-top-1rem {
  margin-top: 1rem; }

/**
 * Site header
 */
body {
  background-color: #fafafa; }

#page-nav {
  background-color: #1158aa; }

.header-brand-logo {
  font-family: silpakorn70newregular;
  font-size: 1.3rem !important;
  line-height: 1.5rem;
  margin-top: 10px;
  margin-left: 5px;
  text-align: center; }
  @media screen and (max-width: 600px) {
    .header-brand-logo {
      margin-left: 0px;
      margin-top: 5px; } }

#student-dropdown li a, #alumni-dropdown li a, #staff-dropdown li a {
  font-size: 1rem !important; }

.page-content {
  min-height: calc(100vh - 289px) !important; }

/**
 * Site footer
 */
.site-footer {
  background-color: #2f7cd6 !important;
  flex: 1 0 auto; }

.footer-copyright {
  background-color: #1158aa !important; }
  .footer-copyright .container {
    padding-left: 10px;
    padding-right: 10px; }

/**
 * Site nav
 */
.side-nav-mobile .menu-item {
  color: black; }
.side-nav-mobile .menu-subitem {
  margin-left: 1.5rem;
  color: #666; }

.post-banner {
  height: 300px !important; }

.card-slider {
  padding-bottom: 0.75rem; }

.gold-background {
  background-color: #dbbf56; }
  .gold-background .container {
    padding-top: 1rem; }

.card-award-cover {
  width: 100%;
  margin-bottom: 1.5rem !important; }

#member .card {
  width: 100%;
  height: auto; }
  @media screen and (max-width: 993px) {
    #member .card {
      height: auto; } }

.cover-image {
  width: 100% !important;
  height: calc(100vh - 64px) !important; }
  @media screen and (max-width: 993px) {
    .cover-image {
      height: calc(100vh - 56px) !important; } }

#landing-information {
  padding: 4% 0%; }

#landing-event {
  padding: 4% 0%; }
  #landing-event .card {
    height: 300px; }
    @media screen and (max-width: 993px) {
      #landing-event .card {
        height: auto; } }

#landing-register {
  padding: 8% 20%; }

#landing-award {
  padding: 4% 0%;
  background-color: #ef7f9b;
  color: white; }
  #landing-award .card {
    width: 100%; }

.award-card .award-content {
  color: #909090;
  padding: 20px; }
  .award-card .award-content .award-profile {
    margin-top: 20px;
    color: black; }
    .award-card .award-content .award-profile .award-image {
      float: right;
      width: 64px;
      height: 64px;
      border-radius: 50%;
      overflow: hidden;
      border: 3px solid #f6f6f6; }
      .award-card .award-content .award-profile .award-image img {
        width: 100%;
        height: 100%; }
    .award-card .award-content .award-profile .award-info {
      padding-top: 15px;
      margin-left: 18px; }
      .award-card .award-content .award-profile .award-info .award-name {
        font-size: 1.1rem; }
      .award-card .award-content .award-profile .award-info .award-des {
        font-size: 0.8rem; }

#goToInformation {
  position: absolute;
  bottom: 0;
  width: 100%;
  left: 0px;
  cursor: pointer; }

.btn-light-border {
  color: white !important;
  border-style: solid !important;
  border-width: 1px !important;
  border-color: #fff !important; }

.btn-dark-boder {
  color: #444 !important;
  border-color: #444 !important;
  border-style: solid !important;
  border-width: 1px !important; }

.post-content h1, .post-content h2, .post-content h3, .post-content h4, .post-content h5, .post-content h6 {
  font-family: 'silpakorn70newregular' !important; }
.post-content h1, .post-content h2 {
  border-bottom-color: #eeeeee;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  padding-bottom: 0.3em; }
.post-content h1 {
  font-size: 3.5rem;
  line-height: 110%;
  margin: 1.7rem 0 1rem 0; }
.post-content h2 {
  font-size: 2.5rem;
  line-height: 110%;
  margin: 1.2rem 0 1rem 0; }
.post-content h3 {
  font-size: 2.2rem;
  line-height: 110%;
  margin: 1.2rem 0 1rem 0; }
.post-content h4 {
  font-size: 1.5rem; }
.post-content img {
  max-width: 100%;
  height: auto; }
.post-content div > img.center {
  display: block;
  margin: auto;
  text-align: center; }
.post-content p {
  margin-top: 1rem !important;
  margin-bottom: 0.5rem !important; }
.post-content p::first-letter {
  margin-left: 2rem; }
.post-content ul {
  padding-left: 1.5rem; }
  .post-content ul li:before {
    padding-right: 0.5rem; }
  .post-content ul li {
    list-style-type: circle; }