/*
Theme Name: duyanhweb
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/
.archive-page-header {
	display: none;
}

.box-blog-post .is-divider {
	display: none;
}

.post-item .box {
	background-color: #edf1f7;
	border-radius: 0.75rem;
     overflow: hidden;
}

.post-item .box-image {
  border-radius: 0.75rem;
  overflow: hidden;
}

.post-item .box-text {
  padding: 10px;
}

.post-item .post-title {
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 0.5rem;
  height: 42px;
}

.post-item .post-title a {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.post-item .post-meta {
  font-size: 14px;
  display: flex;
  align-items: center;
  gap: 6px;
}

.post-item .post-meta::before {
  content: "";
  width: 16px;
  height: 16px;
  background: url(data:image/svg+xml,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M7.99984%2014.6667C10.9454%2014.6667%2013.3332%2012.2789%2013.3332%209.33333C13.3332%206.38781%2010.9454%204%207.99984%204C5.05432%204%202.6665%206.38781%202.6665%209.33333C2.6665%2012.2789%205.05432%2014.6667%207.99984%2014.6667Z%22%20stroke%3D%22%23961feb%22%20stroke-width%3D%221.5%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M9.33317%201.33334H6.6665%22%20stroke%3D%22%23961feb%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M8%201.33334V4.00001%22%20stroke%3D%22%23961feb%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M11.6665%205.33334L12.6665%204.33334%22%20stroke%3D%22%23961feb%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M8%209.33334V7.33334%22%20stroke%3D%22%23961feb%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M8%209.33334H6%22%20stroke%3D%22%23961feb%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E)
    no-repeat center;
  background-size: contain;
  transition: background 0.3s ease;
  display: block;
}

.widget {
  margin-bottom: 1.5em;
  padding: 1rem;
  background-color:  #edf1f7;
  border-radius: 0.75rem;
  border: 2px solid #1e88e5;

}

span.widget-title {
  font-size: 16px;
  color: var(--fs-color-primary);
}

.post_comments,
.widget .is-divider {
  display: none;
}

.recent-blog-posts-li .badge,
.recent-blog-posts-li .badge-inner {
  width: 100px;
  height: 70px;
  border-radius: 0.5rem;
}

.recent-blog-posts-li .flex-col.flex-grow {
  max-width: calc(100% - 100px);
}

.recent-blog-posts a {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-word;
  line-height: 1.4;
  color: #222;
}

.recent-blog-posts {
  align-items: center !important;
}

.nav-pagination > li > a,
.nav-pagination > li > span {
  height: 40px;
  width: 40px;
  border-radius: 0.5rem;
  line-height: 2.5;
}

.searchform {
  margin-bottom: 0;
}

.searchform input[type="search"] {
  height: 46px;
  box-shadow: none !important;
  border-top-left-radius: 0.5rem;
  border-bottom-left-radius: 0.5rem;
}

.searchform .button.icon {
  height: 46px;
  border-top-right-radius: 0.5rem;
  border-bottom-right-radius: 0.5rem;
}

@media only screen and (max-width: 48em) {
  /*************** ADD MOBILE ONLY CSS HERE  ***************/
  #metu {
    display: none;
  }
}