/*$color-site: #17082d;*/
/*$color-blue: #0082fa;*/
/*$color-light-blue: #8dd7e5;*/
/*$color-dark-blue: #161b23;*/
/*#region COLOR */
/*-------------------------------------
	1. text
-------------------------------------*/
.text-white {
  color: #fff !important;
}

.text-primary {
  color: #df0000 !important;
}

.text-point {
  color: #ffcf00 !important;
}

.text-secondry {
  color: #1a1a1a !important;
}

.text-black {
  color: #000 !important;
}

.text-gray {
  color: #f5f6f6 !important;
}

.text-gray-dark {
  color: #d3d3d3 !important;
}

.text-red {
  color: #99090A !important;
}

.text-green {
  color: #3db166 !important;
}

.text-yellow {
  color: #F1AB43 !important;
}

.text-light-blue {
  color: #6db079 !important;
}

.text-disable {
  color: #cccccc !important;
}

/*-------------------------------------
	2. background color
-------------------------------------*/
.bg-transparent {
  background-color: transparent !important;
}

.bg-primary {
  background-color: #df0000 !important;
}

.bg-point {
  background-color: #ffcf00 !important;
}

.bg-secondry {
  background-color: #1a1a1a !important;
}

.bg-white {
  background-color: #FFF !important;
}

.bg-black {
  background-color: #000 !important;
}

.bg-black-light {
  background-color: #212121 !important;
}

.bg-gray {
  background-color: #f5f6f6 !important;
}

.bg-gray-light {
  background-color: #f1f1f1 !important;
}

.bg-gray-dark {
  background-color: #d3d3d3 !important;
}

.bg-red {
  background-color: #99090A !important;
}

.bg-green {
  background-color: #3db166 !important;
}

.bg-blue {
  background-color: #84d693 !important;
}

.bg-yellow {
  background-color: #F1AB43 !important;
}

.bg-dark-blue {
  background-color: #004f2a !important;
}

.bg-light-blue {
  background-color: #6db079 !important;
}

/*-------------------------------------
	3. background image
-------------------------------------*/
.bg-parallax {
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

@media only screen and (max-width: 768px) {
  .bg-parallax {
    background-attachment: fixed !important;
    background-position: center !important;
    background-repeat: no-repeat;
    background-size: cover;
  }
}
/*#endregion */
#board-article-content img {
  max-width: 100% !important;
}

.border-primary:after {
  background: #df0000 !important;
}

.h-entry img {
  width: 100%;
  height: 220px;
  object-fit: cover;
}