@import url("https://fonts.googleapis.com/css?family=Kanit:300,400,500&subset=thai");
/*----------  COLOR  ----------*/
/*----------  FONT KANIT  ----------*/
.navbar-main .nav > li a, .navbar-account .widget-item > a, .footer-nav .nav > li > a, .page-header .title, .caption .title, .widget-box .widget-box-head .title, .widget-box .item-content .title {
  font-family: Kanit; }
  .page-header .title, .caption .title, .widget-box .widget-box-head .title, .widget-box .item-content .title {
    font-weight: 500; }

/*----------  MATERIAL ICONS  ----------*/
.home .view-all:after, .layout-view-grid .item-readmore:after {
  font-family: "Material Icons"; }

/*----------  TRANSITION  ----------*/
.home .view-all, .layout-view-grid .item-readmore, .sub-category > li > a {
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease; }

/*----------  HELPER CLASS  ----------*/
/*----------  SPACING UTILITY  ----------*/
.home .view-all {
  padding: 0; }

/*----------  BREAKPOINT  ----------*/
/*----------  BACK TO TOP  ----------*/
.back-to-top {
  background-color: #2589ff; }

/*----------  BUTTONS  ----------*/
.btn-primary, .cart-top .btn {
  color: #fff;
  background-color: #2589ff;
  border-color: #2589ff; }
  .btn-primary:focus, .cart-top .btn:focus, .focus.btn-primary, .cart-top .focus.btn {
    color: #fff;
    background-color: #006ff1;
    border-color: #004ba5; }
  .btn-primary:hover, .cart-top .btn:hover {
    color: #fff;
    background-color: #006ff1;
    border-color: #006ae7; }
  .btn-primary:active, .cart-top .btn:active, .active.btn-primary, .cart-top .active.btn,
  .open > .dropdown-toggle.btn-primary,
  .cart-top .open > .dropdown-toggle.btn {
    color: #fff;
    background-color: #006ff1;
    border-color: #006ae7; }
    .btn-primary:active:hover, .cart-top .btn:active:hover, .btn-primary:active:focus, .cart-top .btn:active:focus, .btn-primary:active.focus, .cart-top .btn:active.focus, .active.btn-primary:hover, .cart-top .active.btn:hover, .active.btn-primary:focus, .cart-top .active.btn:focus, .active.focus.btn-primary, .cart-top .active.focus.btn,
    .open > .dropdown-toggle.btn-primary:hover,
    .cart-top .open > .dropdown-toggle.btn:hover,
    .open > .dropdown-toggle.btn-primary:focus,
    .cart-top .open > .dropdown-toggle.btn:focus,
    .open > .dropdown-toggle.focus.btn-primary,
    .cart-top .open > .dropdown-toggle.focus.btn {
      color: #fff;
      background-color: #005ecd;
      border-color: #004ba5; }
  .btn-primary:active, .cart-top .btn:active, .active.btn-primary, .cart-top .active.btn,
  .open > .dropdown-toggle.btn-primary,
  .cart-top .open > .dropdown-toggle.btn {
    background-image: none; }
  .disabled.btn-primary:hover, .cart-top .disabled.btn:hover, .disabled.btn-primary:focus, .cart-top .disabled.btn:focus, .disabled.focus.btn-primary, .cart-top .disabled.focus.btn, .btn-primary[disabled]:hover, .cart-top .btn[disabled]:hover, .cart-top .module-product .btn-cart:hover[disabled], .module-product .cart-top .btn-cart:hover[disabled], .btn-primary[disabled]:focus, .cart-top .btn[disabled]:focus, .cart-top .module-product .btn-cart:focus[disabled], .module-product .cart-top .btn-cart:focus[disabled], .btn-primary[disabled].focus, .cart-top .btn[disabled].focus, .cart-top .module-product .focus.btn-cart[disabled], .module-product .cart-top .focus.btn-cart[disabled],
  fieldset[disabled] .btn-primary:hover,
  fieldset[disabled] .cart-top .btn:hover,
  .cart-top fieldset[disabled] .btn:hover,
  fieldset[disabled] .btn-primary:focus,
  fieldset[disabled] .cart-top .btn:focus,
  .cart-top fieldset[disabled] .btn:focus,
  fieldset[disabled] .focus.btn-primary,
  fieldset[disabled] .cart-top .focus.btn,
  .cart-top fieldset[disabled] .focus.btn {
    background-color: #2589ff;
    border-color: #2589ff; }
  .btn-primary .badge, .cart-top .btn .badge {
    color: #2589ff;
    background-color: #fff; }

.btn[disabled], .module-product .btn-cart[disabled] {
  color: #384554;
  background-color: #d0d8dd;
  border-color: #d0d8dd; }
  .btn[disabled]:focus, .module-product .btn-cart:focus[disabled], .btn[disabled].focus, .module-product .focus.btn-cart[disabled] {
    color: #384554;
    background-color: #b2bfc8;
    border-color: #869ba7; }
  .btn[disabled]:hover, .module-product .btn-cart:hover[disabled] {
    color: #384554;
    background-color: #b2bfc8;
    border-color: #acbbc3; }
  .btn[disabled]:active, .module-product .btn-cart:active[disabled], .btn[disabled].active, .module-product .active.btn-cart[disabled],
  .open > .btn[disabled].dropdown-toggle,
  .module-product .open > .dropdown-toggle.btn-cart[disabled] {
    color: #384554;
    background-color: #b2bfc8;
    border-color: #acbbc3; }
    .btn[disabled]:active:hover, .module-product .btn-cart:active:hover[disabled], .btn[disabled]:active:focus, .module-product .btn-cart:active:focus[disabled], .btn[disabled]:active.focus, .module-product .btn-cart:active.focus[disabled], .btn[disabled].active:hover, .module-product .active.btn-cart:hover[disabled], .btn[disabled].active:focus, .module-product .active.btn-cart:focus[disabled], .btn[disabled].active.focus, .module-product .active.focus.btn-cart[disabled],
    .open > .btn[disabled].dropdown-toggle:hover,
    .module-product .open > .dropdown-toggle.btn-cart:hover[disabled],
    .open > .btn[disabled].dropdown-toggle:focus,
    .module-product .open > .dropdown-toggle.btn-cart:focus[disabled],
    .open > .btn[disabled].dropdown-toggle.focus,
    .module-product .open > .dropdown-toggle.focus.btn-cart[disabled] {
      color: #384554;
      background-color: #9eaeb9;
      border-color: #869ba7; }
  .btn[disabled]:active, .module-product .btn-cart:active[disabled], .btn[disabled].active, .module-product .active.btn-cart[disabled],
  .open > .btn[disabled].dropdown-toggle,
  .module-product .open > .dropdown-toggle.btn-cart[disabled] {
    background-image: none; }
  .btn[disabled].disabled:hover, .module-product .disabled.btn-cart:hover[disabled], .btn[disabled].disabled:focus, .module-product .disabled.btn-cart:focus[disabled], .btn[disabled].disabled.focus, .module-product .disabled.focus.btn-cart[disabled], .btn[disabled][disabled]:hover, .module-product .btn-cart:hover[disabled], .btn[disabled][disabled]:focus, .module-product .btn-cart:focus[disabled], .btn[disabled][disabled].focus, .module-product .focus.btn-cart[disabled],
  fieldset[disabled] .btn[disabled]:hover,
  fieldset[disabled] .module-product .btn-cart:hover[disabled],
  .module-product fieldset[disabled] .btn-cart:hover[disabled],
  fieldset[disabled] .btn[disabled]:focus,
  fieldset[disabled] .module-product .btn-cart:focus[disabled],
  .module-product fieldset[disabled] .btn-cart:focus[disabled],
  fieldset[disabled] .btn[disabled].focus,
  fieldset[disabled] .module-product .focus.btn-cart[disabled],
  .module-product fieldset[disabled] .focus.btn-cart[disabled] {
    background-color: #d0d8dd;
    border-color: #d0d8dd; }
  .btn[disabled] .badge, .module-product .btn-cart[disabled] .badge {
    color: #d0d8dd;
    background-color: #384554; }

.btn-register {
  color: #fff;
  background-color: #899cb2;
  border-color: #899cb2; }
  .btn-register:focus, .btn-register.focus {
    color: #fff;
    background-color: #6a829e;
    border-color: #4a5c71; }
  .btn-register:hover {
    color: #fff;
    background-color: #6a829e;
    border-color: #647d9a; }
  .btn-register:active, .btn-register.active,
  .open > .btn-register.dropdown-toggle {
    color: #fff;
    background-color: #6a829e;
    border-color: #647d9a; }
    .btn-register:active:hover, .btn-register:active:focus, .btn-register:active.focus, .btn-register.active:hover, .btn-register.active:focus, .btn-register.active.focus,
    .open > .btn-register.dropdown-toggle:hover,
    .open > .btn-register.dropdown-toggle:focus,
    .open > .btn-register.dropdown-toggle.focus {
      color: #fff;
      background-color: #5a708a;
      border-color: #4a5c71; }
  .btn-register:active, .btn-register.active,
  .open > .btn-register.dropdown-toggle {
    background-image: none; }
  .btn-register.disabled:hover, .btn-register.disabled:focus, .btn-register.disabled.focus, .btn-register[disabled]:hover, .btn-register[disabled]:focus, .btn-register[disabled].focus,
  fieldset[disabled] .btn-register:hover,
  fieldset[disabled] .btn-register:focus,
  fieldset[disabled] .btn-register.focus {
    background-color: #899cb2;
    border-color: #899cb2; }
  .btn-register .badge {
    color: #899cb2;
    background-color: #fff; }

/*----------  FORM  ----------*/
.form-control:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
  border-color: #2589ff; }

/* navbar collapse */
.navbar-collapse {
  border-color: #d0d8dd; }

/* search */
.search .btn {
  color: #fff;
  background-color: #303c49;
  border-color: #303c49; }
  .search .btn:focus, .search .btn.focus {
    color: #fff;
    background-color: #1c232a;
    border-color: black; }
  .search .btn:hover {
    color: #fff;
    background-color: #1c232a;
    border-color: #181e24; }
  .search .btn:active, .search .btn.active,
  .open > .search .btn.dropdown-toggle {
    color: #fff;
    background-color: #1c232a;
    border-color: #181e24; }
    .search .btn:active:hover, .search .btn:active:focus, .search .btn:active.focus, .search .btn.active:hover, .search .btn.active:focus, .search .btn.active.focus,
    .open > .search .btn.dropdown-toggle:hover,
    .open > .search .btn.dropdown-toggle:focus,
    .open > .search .btn.dropdown-toggle.focus {
      color: #fff;
      background-color: #0e1115;
      border-color: black; }
  .search .btn:active, .search .btn.active,
  .open > .search .btn.dropdown-toggle {
    background-image: none; }
  .search .btn.disabled:hover, .search .btn.disabled:focus, .search .btn.disabled.focus, .search .btn[disabled]:hover, .search .module-product .btn-cart:hover[disabled], .module-product .search .btn-cart:hover[disabled], .search .btn[disabled]:focus, .search .module-product .btn-cart:focus[disabled], .module-product .search .btn-cart:focus[disabled], .search .btn[disabled].focus, .search .module-product .focus.btn-cart[disabled], .module-product .search .focus.btn-cart[disabled],
  fieldset[disabled] .search .btn:hover,
  fieldset[disabled] .search .btn:focus,
  fieldset[disabled] .search .btn.focus {
    background-color: #303c49;
    border-color: #303c49; }
  .search .btn .badge {
    color: #303c49;
    background-color: #fff; }

/*----------  NAVBAR BRAND  ----------*/
.navbar-brand > img {
  height: 100%; }

/* navbar mobile */
.navbar-toggle {
  margin: 0 10px 0 0;
  padding: 15px 0; }

/*----------  NAVBAR MAIN  ----------*/
.navbar-main .material-icons {
  font-size: 21px; }

.navbar-main.affix {
  -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
          box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1); }

.navbar-main .nav > li > a {
  color: #384554; }
  .navbar-main .nav > li > a:hover {
    background-color: transparent;
    color: #2589ff; }

/*----------  NAVBAR ACCOUNT  ----------*/
.navbar-account .widget-item > a:hover {
  color: #2589ff; }

.cart-top .count-badge {
  background-color: #2589ff;
  -webkit-box-shadow: -2px 2px 0 #fff;
          box-shadow: -2px 2px 0 #fff;
  width: 24px;
  height: 20px;
  float: right;
  position: relative;
  top: -6px;
  left: -4px;
  border-radius: 50px;
  text-align: center;
  color: #fff; }

.cart-top .thumbnail {
  background-color: transparent; }

/* dropdown */
.dropdown-menu {
  margin-top: 0;
  border-top: 2px solid #d0d8dd; }

.dropdown-menu,
.navbar-nav .open .dropdown-menu {
  border: 0;
  border-radius: 0;
  background-color: #eef3f6; }
  .dropdown-menu > li a:hover,
  .navbar-nav .open .dropdown-menu > li a:hover {
    background-color: transparent;
    color: #2589ff; }

/*----------  FOOTER  ----------*/
.widget-footer {
  background-color: #384554; }
  .widget-footer .widget-box-head .title {
    color: #eef3f6;
    position: relative;
    padding-bottom: 5px;
    margin-bottom: 10px; }
    .widget-footer .widget-box-head .title:after {
      content: "";
      position: absolute;
      bottom: 0;
      left: 0;
      height: 3px;
      background-color: #2589ff;
      width: 50px; }
  .widget-footer .widget-box .item-content .title {
    color: #d0d8dd; }
  .widget-footer .widget-box-body .title {
    color: #d0d8dd; }
    .widget-footer .widget-box-body .title:hover {
      color: #2589ff; }
  .widget-footer .widget-box-body .item-meta {
    color: #d0d8dd; }

.footer-nav {
  background-color: #303c49; }
  .footer-nav .nav > li > a {
    color: #fff;
    border-radius: 0; }
    .footer-nav .nav > li > a:hover {
      background-color: #2589ff;
      color: #fff; }

/*----------  PAGE HEADER / TITLE ----------*/
.page-header .title {
  font-size: 18px; }

.home .page-header .title, .single-content .page-header .title, .list-content .page-header .title, .module-forum .page-header .title {
  position: relative;
  color: #303c49;
  padding: 3px 10px 3px 0; }
  .home .page-header .title:before, .single-content .page-header .title:before, .list-content .page-header .title:before, .module-forum .page-header .title:before, .home .page-header .title:after, .single-content .page-header .title:after, .list-content .page-header .title:after, .module-forum .page-header .title:after {
    content: "";
    position: absolute;
    left: 0;
    width: 100%;
    background-color: #2589ff;
    height: 3px;
    border-radius: 50px; }
  .home .page-header .title:before, .single-content .page-header .title:before, .list-content .page-header .title:before, .module-forum .page-header .title:before {
    top: 0; }
  .home .page-header .title:after, .single-content .page-header .title:after, .list-content .page-header .title:after, .module-forum .page-header .title:after {
    bottom: 0; }

@media (min-width: 961px) {
  .home .page-header .title {
    padding-left: 10px;
    padding-right: 10px; } }

.home .view-all {
  font-size: 12px;
  color: #384554;
  background-color: #d0d8dd;
  padding: 0 3px 0 12px;
  border-radius: 4px; }
  .home .view-all:after {
    content: "trending_flat";
    font-size: 18px;
    margin-left: 4px;
    vertical-align: middle; }
  .home .view-all:hover {
    background-color: #384554;
    color: #fff; }
  @media (max-width: 480px) {
    .home .view-all {
      text-indent: 40px;
      width: 25px;
      height: 25px;
      white-space: nowrap;
      overflow: hidden; }
      .home .view-all:after {
        content: "more_horiz";
        float: left;
        text-indent: 0;
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        margin-left: 0;
        text-align: center;
        margin: auto; } }

@media (min-width: 961px) {
  .home .full .page-header {
    text-align: center; } }

/* call %page-header-style */
/*----------  TITLE LINK  ----------*/
.caption .title {
  font-size: 16px;
  color: #303c49;
  letter-spacing: 0.2px; }
  .caption .title:hover {
    color: #2589ff; }

.caption .title {
  font-size: 16px; }

.caption .item-meta {
  color: #899cb2; }

/*----------  THUMBNAIL CAPTION  ----------*/
.item-readmore {
  display: none; }

.layout-view-grid .item-readmore {
  text-indent: -9999px; }

.layout-view-grid .caption {
  position: relative; }

.layout-view-grid .item-readmore {
  position: absolute;
  bottom: 100%;
  right: 0;
  margin: 0 20px 20px 0;
  opacity: 0; }
  .layout-view-grid .item-readmore:after {
    content: "open_in_new";
    display: block;
    text-indent: 0;
    text-align: center;
    width: 50px;
    height: 50px;
    line-height: 50px;
    border-radius: 50px;
    background-color: #2589ff;
    color: #fff;
    font-size: 24px; }

.layout-view-grid .thumbnail:hover .item-readmore {
  opacity: 1; }

/*----------  module banner  ----------*/
.module-banner {
  margin-bottom: 30px; }
  .module-banner .title {
    display: none; }

/*----------  MODULE CART  ----------*/
.module-product.single-content {
  margin-top: 30px; }

.module-product .btn-cart .fa {
  display: none; }

/*----------  MODULE NEWS  ----------*/
.full .module-news .layout-view-list .item {
  width: 50%; }

.module-breadcrumb .breadcrumb {
  background-color: #eef3f6; }
  .module-breadcrumb .breadcrumb > li > a {
    color: #899cb2; }
    .module-breadcrumb .breadcrumb > li > a:hover {
      color: #2589ff; }
  .module-breadcrumb .breadcrumb > .active {
    color: #384554; }

/*----------  WIDGET  ----------*/
.widget-sidebar .widget-box-head {
  background-color: #384554;
  margin-bottom: 0; }
  .widget-sidebar .widget-box-head .title {
    color: #fff;
    padding: 5px 10px;
    margin-bottom: 0; }

.widget-sidebar .widget-box-body {
  background-color: #eef3f6;
  padding: 10px; }

.widget-sidebar .widget-list-style .category-dept-1 {
  background-color: #dde7ed;
  padding-left: 10px;
  padding-right: 10px; }

.widget-sidebar .widget-list-style a {
  border-color: #d0d8dd; }

.widget-box .item-content .title {
  color: #303c49; }
  .widget-box .item-content .title:hover {
    color: #2589ff; }

.widget-social .widget-box-body .title {
  display: none; }

.widget-social a {
  display: inline-block;
  width: 40px;
  height: 40px;
  text-align: center;
  padding: 10px;
  color: #fff; }
  .widget-social a:hover {
    color: #fff; }

.widget-social .item-facebook {
  background-color: #3b5998; }

.widget-social .item-twitter {
  background-color: #1da1f2; }

.widget-social .item-instagram {
  background-color: #5851db; }

.widget-social .item-google-plus {
  background-color: #dd4b39; }

.widget-social .item-youtube {
  background-color: #cd201f; }

.widget-subscribe .btn {
  color: #d0d8dd;
  background-color: #303c49;
  border-color: #303c49; }
  .widget-subscribe .btn:focus, .widget-subscribe .btn.focus {
    color: #d0d8dd;
    background-color: #1c232a;
    border-color: black; }
  .widget-subscribe .btn:hover {
    color: #d0d8dd;
    background-color: #1c232a;
    border-color: #181e24; }
  .widget-subscribe .btn:active, .widget-subscribe .btn.active,
  .open > .widget-subscribe .btn.dropdown-toggle {
    color: #d0d8dd;
    background-color: #1c232a;
    border-color: #181e24; }
    .widget-subscribe .btn:active:hover, .widget-subscribe .btn:active:focus, .widget-subscribe .btn:active.focus, .widget-subscribe .btn.active:hover, .widget-subscribe .btn.active:focus, .widget-subscribe .btn.active.focus,
    .open > .widget-subscribe .btn.dropdown-toggle:hover,
    .open > .widget-subscribe .btn.dropdown-toggle:focus,
    .open > .widget-subscribe .btn.dropdown-toggle.focus {
      color: #d0d8dd;
      background-color: #0e1115;
      border-color: black; }
  .widget-subscribe .btn:active, .widget-subscribe .btn.active,
  .open > .widget-subscribe .btn.dropdown-toggle {
    background-image: none; }
  .widget-subscribe .btn.disabled:hover, .widget-subscribe .btn.disabled:focus, .widget-subscribe .btn.disabled.focus, .widget-subscribe .btn[disabled]:hover, .widget-subscribe .module-product .btn-cart:hover[disabled], .module-product .widget-subscribe .btn-cart:hover[disabled], .widget-subscribe .btn[disabled]:focus, .widget-subscribe .module-product .btn-cart:focus[disabled], .module-product .widget-subscribe .btn-cart:focus[disabled], .widget-subscribe .btn[disabled].focus, .widget-subscribe .module-product .focus.btn-cart[disabled], .module-product .widget-subscribe .focus.btn-cart[disabled],
  fieldset[disabled] .widget-subscribe .btn:hover,
  fieldset[disabled] .widget-subscribe .btn:focus,
  fieldset[disabled] .widget-subscribe .btn.focus {
    background-color: #303c49;
    border-color: #303c49; }
  .widget-subscribe .btn .badge {
    color: #303c49;
    background-color: #d0d8dd; }

.widget-search .btn {
  color: #d0d8dd;
  background-color: #303c49;
  border-color: #303c49; }
  .widget-search .btn:focus, .widget-search .btn.focus {
    color: #d0d8dd;
    background-color: #1c232a;
    border-color: black; }
  .widget-search .btn:hover {
    color: #d0d8dd;
    background-color: #1c232a;
    border-color: #181e24; }
  .widget-search .btn:active, .widget-search .btn.active,
  .open > .widget-search .btn.dropdown-toggle {
    color: #d0d8dd;
    background-color: #1c232a;
    border-color: #181e24; }
    .widget-search .btn:active:hover, .widget-search .btn:active:focus, .widget-search .btn:active.focus, .widget-search .btn.active:hover, .widget-search .btn.active:focus, .widget-search .btn.active.focus,
    .open > .widget-search .btn.dropdown-toggle:hover,
    .open > .widget-search .btn.dropdown-toggle:focus,
    .open > .widget-search .btn.dropdown-toggle.focus {
      color: #d0d8dd;
      background-color: #0e1115;
      border-color: black; }
  .widget-search .btn:active, .widget-search .btn.active,
  .open > .widget-search .btn.dropdown-toggle {
    background-image: none; }
  .widget-search .btn.disabled:hover, .widget-search .btn.disabled:focus, .widget-search .btn.disabled.focus, .widget-search .btn[disabled]:hover, .widget-search .module-product .btn-cart:hover[disabled], .module-product .widget-search .btn-cart:hover[disabled], .widget-search .btn[disabled]:focus, .widget-search .module-product .btn-cart:focus[disabled], .module-product .widget-search .btn-cart:focus[disabled], .widget-search .btn[disabled].focus, .widget-search .module-product .focus.btn-cart[disabled], .module-product .widget-search .focus.btn-cart[disabled],
  fieldset[disabled] .widget-search .btn:hover,
  fieldset[disabled] .widget-search .btn:focus,
  fieldset[disabled] .widget-search .btn.focus {
    background-color: #303c49;
    border-color: #303c49; }
  .widget-search .btn .badge {
    color: #303c49;
    background-color: #d0d8dd; }

.widget-tag .item-tag {
  background-color: transparent;
  border-radius: 50px;
  border: 1px solid #d0d8dd;
  color: #384554; }
  .widget-tag .item-tag:hover {
    background-color: #2589ff;
    color: #fff;
    border-color: #2589ff; }

/* widget gallery */
.module-gallery .thumbnail {
  position: relative; }
  .module-gallery .thumbnail:hover .caption {
    background-color: #2589ff; }

.module-gallery .caption {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 10px;
  background-color: rgba(56, 69, 84, 0.9);
  text-align: center; }
  .module-gallery .caption .title {
    color: #fff;
    position: relative; }

/*----------  sub category  ----------*/
.sub-category > li > a {
  border-radius: 4px;
  padding: 8px 10px;
  background-color: #eef3f6;
  text-align: center;
  color: #384554; }
  .sub-category > li > a:hover {
    background-color: #384554;
    color: #fff; }

/* comment */
.module-comment form,
.module-comment .comment-list .media {
  border: 1px solid #d0d8dd;
  border-radius: 4px;
  background-color: #eef3f6; }

/* module forum */
.module-forum .table thead th {
  background-color: #2589ff;
  color: #fff;
  border-color: #d0d8dd; }

.module-forum .table tbody tr {
  background-color: #eef3f6; }

.module-forum .table tbody a {
  color: #303c49;
  font-weight: 500; }
  .module-forum .table tbody a:hover {
    color: #2589ff; }

.module-forum .table .badge {
  background-color: #899cb2; }

.module-forum .panel {
  border: 0;
  background-color: #eef3f6;
  border-radius: 0;
  -webkit-box-shadow: none;
          box-shadow: none; }
  .module-forum .panel > .table:first-child > thead:first-child > tr:first-child th:first-child,
  .module-forum .panel > .table:first-child > thead:first-child > tr:first-child th:last-child {
    border-radius: 0; }

.module-forum.single-content .panel-body {
  padding: 10px; }

.module-forum.single-content .member-profile .avatar {
  border: 0; }

.module-forum.single-content .member-profile .member-name {
  color: #2589ff; }

.module-forum.single-content .member-profile .item-post-date {
  color: #384554; }

/*----------  FIX PRODUCT IMAGE CROPPING  ----------*/
/* Override the default CSS rule that crops product images */
.layout-view-grid .row > .col-sm-4 .thumbnail > img,
.layout-view-grid .row > .col-sm-4 .thumbnail a > img {
  object-fit: contain !important;
  aspect-ratio: auto !important;
}