/*
Theme Name: Kết Quả Xổ Số
Theme URI: https://wordpress.org/
Author: Dev Team
Author URI: https://wordpress.org/
Description: Theme Kết Quả Xổ Số
Version: 1.0
Text Domain: kqxs
*/
:root {
  --brand-color: #ee6205;
  --sub-brand-color: #ffcc00;
  --content-color: #212529;
  --secondary-color: #888888;
  --border-color: #d9d9d9;
  --dark-border-color: #4f4f4f;
  --button-color: #ee6205;
  --highlight-color: #ff3110;
  --link-color: #551a8b;
  --background-color: #dddddd;
  --dark-background-color: #333333;
  --line-color: #e9e9e9;
  --lotto-background: #f2f2f2;
  --font-size-1: 1.75rem;
  --font-size-2: 1.5rem;
  --font-size-3: 1.25rem;
  --font-size-4: 1.125rem;
  --font-size-5: 1rem;
  --font-size-6: 0.875rem;
  --font-size-7: 0.813rem;
  --border-radius-sm: 0.25rem;
  --border-radius-full: 9999px;
}
.post-item .post-description {
  grid-area: description;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
.post-item .post-title a {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.post-list .post-item {
  padding-bottom: 12px;
  border-bottom: 1px solid #ebebeb;
  margin-bottom: 12px;
}
.post-item {
  display: grid;
  grid-template-areas:
    "img title title"
    "img description description"
    "img description description";
  column-gap: 12px;
  row-gap: 6px;
}
.post-item .post-img {
  grid-area: img;
}
.post-item .post-img img {
  width: 180px;
  height: 116px;
  border-radius: 0.25rem;
  object-fit: cover;
  object-position: center;
}
.post-item .post-title {
  grid-area: title;
  display: flex;
  align-items: end;
}
.bd-light {
  border: 1px solid #d9d9d9;
}
.txt-padding {
  padding: 20px;
}
.m-b-15 {
  margin-bottom: 15px !important;
}
.br-sm {
  border-radius: 0.25rem;
}
h1.title-cat {
  font-size: 1.5rem;
}
.table-wrapper {
  margin: -1px;
}
.table-lotto {
  table-layout: fixed;
  border: 1px solid var(--border-color);
}
.table-lotto th {
  border: 1px solid var(--border-color);
  padding: 6px;
  vertical-align: middle;
  border-collapse: collapse;
  height: 40px;
}
.padding-10 {
  padding: 10px !important;
}
.color-content {
  color: var(--content-color) !important;
}
.txt-title {
  font-size: var(--font-size-3) !important;
}
.m-b-10 {
  margin-bottom: 10px !important;
}
.form-margin {
  margin: -5px;
}
.form-padding {
  padding: 5px;
}
.form-select {
  display: block;
  width: 100%;
  padding: 0.375rem 1.75rem 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #212529;
  vertical-align: middle;
  background-color: #fff;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right 0.75rem center;
  background-size: 16px 12px;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.bg-btn {
  background-color: var(--button-color);
}
.bg-btn:hover {
  filter: brightness(0.85);
}

.bg-link-gradient {
  background-image: linear-gradient(109deg, #ee9042, #de5b59) !important;
}

.bg-link-gradient:hover {
  background-image: linear-gradient(109deg, #365294, #de5b59) !important;
}

.fw-medium {
  font-weight: 500 !important;
}
.txt-sub-content {
  font-size: var(--font-size-6) !important;
}
.btn-tag {
  padding: 2px 8px;
  background-color: var(--lotto-background);
  color: var(--content-color);
  border-radius: 15px;
}
.txt-sub-content {
  font-size: var(--font-size-6) !important;
}
.table-lotto td {
  border: 1px solid var(--border-color);
  padding: 6px;
  vertical-align: middle;
  border-collapse: collapse;
  height: 40px;
}
.table-lotto td:hover {
  background-color: #ffff48;
}
.bg-color-lotto-background td {
  background-color: var(--lotto-background);
}
.color-highlight {
  color: var(--highlight-color) !important;
}
.txt-special-prize {
  font-size: 25px;
  color: var(--highlight-color);
  font-weight: 700;
  line-height: 1;
}
.txt-normal-prize {
  font-size: 21px;
  color: var(--content-color);
  font-weight: 700;
  line-height: 1;
}

.loadingio-spinner-spin-hgd29ahypuk {
  width: 22px;
  height: 22px;
  display: inline-block;
  overflow: hidden;
  background: 0 0;
}

.ldio-68g4b00eac8 div > div {
  position: absolute;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: #73a81f;
  animation: ldio-68g4b00eac8 0.7692307692307692s linear infinite;
}

.ldio-68g4b00eac8 div:nth-child(1) > div {
  left: 77px;
  top: 42px;
  animation-delay: -0.673076923076923s;
}

.ldio-68g4b00eac8 > div:nth-child(1) {
  transform: rotate(0);
  transform-origin: 85px 50px;
}

.ldio-68g4b00eac8 div:nth-child(2) > div {
  left: 67px;
  top: 67px;
  animation-delay: -0.5769230769230769s;
}

.ldio-68g4b00eac8 > div:nth-child(2) {
  transform: rotate(45deg);
  transform-origin: 75px 75px;
}

.ldio-68g4b00eac8 div:nth-child(3) > div {
  left: 42px;
  top: 77px;
  animation-delay: -0.4807692307692307s;
}

.ldio-68g4b00eac8 > div:nth-child(3) {
  transform: rotate(90deg);
  transform-origin: 50px 85px;
}

.ldio-68g4b00eac8 div:nth-child(4) > div {
  left: 17px;
  top: 67px;
  animation-delay: -0.3846153846153846s;
}

.ldio-68g4b00eac8 > div:nth-child(4) {
  transform: rotate(135deg);
  transform-origin: 25px 75px;
}

.ldio-68g4b00eac8 div:nth-child(5) > div {
  left: 7px;
  top: 42px;
  animation-delay: -0.28846153846153844s;
}

.ldio-68g4b00eac8 > div:nth-child(5) {
  transform: rotate(180deg);
  transform-origin: 15px 50px;
}

.ldio-68g4b00eac8 div:nth-child(6) > div {
  left: 17px;
  top: 17px;
  animation-delay: -0.1923076923076923s;
}

.ldio-68g4b00eac8 > div:nth-child(6) {
  transform: rotate(225deg);
  transform-origin: 25px 25px;
}

.ldio-68g4b00eac8 div:nth-child(7) > div {
  left: 42px;
  top: 7px;
  animation-delay: -96.15384615384615ms;
}

.ldio-68g4b00eac8 > div:nth-child(7) {
  transform: rotate(270deg);
  transform-origin: 50px 15px;
}

.ldio-68g4b00eac8 div:nth-child(8) > div {
  left: 67px;
  top: 17px;
  animation-delay: 0s;
}

.ldio-68g4b00eac8 > div:nth-child(8) {
  transform: rotate(315deg);
  transform-origin: 75px 25px;
}

.loadingio-spinner-spin-hgd29ahypuk {
  width: 22px;
  height: 22px;
  display: inline-block;
  overflow: hidden;
  background: 0 0;
}

.ldio-68g4b00eac8 {
  width: 100%;
  height: 100%;
  position: relative;
  transform: translateZ(0) scale(0.22);
  backface-visibility: hidden;
  transform-origin: 0 0;
}

.ldio-68g4b00eac8 div {
  box-sizing: content-box;
}
@keyframes ldio-68g4b00eac8 {
  0% {
    opacity: 1;
    backface-visibility: hidden;
    transform: translateZ(0) scale(1.2, 1.2);
  }

  100% {
    opacity: 0;
    backface-visibility: hidden;
    transform: translateZ(0) scale(1, 1);
  }
}

.bd-light-top {
  border-top: 1px solid var(--border-color);
}

.bd-light-start {
  border-left: 1px solid var(--border-color);
}

.bd-light-end {
  border-right: 1px solid var(--border-color);
}
.bd-light-bottom {
  border-bottom: 1px solid var(--border-color);
}
.p-t-10 {
  padding-top: 10px !important;
}

.p-b-10 {
  padding-bottom: 10px !important;
}

.p-l-10 {
  padding-left: 10px !important;
}

.p-r-10 {
  padding-right: 10px !important;
}

.p-t-15 {
  padding-top: 15px !important;
}

.p-b-15 {
  padding-bottom: 15px !important;
}

.p-l-15 {
  padding-left: 15px !important;
}

.p-r-15 {
  padding-right: 15px !important;
}

.xs-day tr th {
  height: unset;
}


.m-t-10 {
    margin-top: 10px!important
}

.m-b-10 {
    margin-bottom: 10px!important
}

.m-l-10 {
    margin-left: 10px!important
}

.m-r-10 {
    margin-right: 10px!important
}
.xs-day tr th a {
  padding: 6px 4px;
  text-decoration: none;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  color: var(--content-color) !important;
}

.xs-day tr th a:hover {
  background-color: var(--line-color);
  color: var(--content-color) !important;
}

.xs-day .selected {
  background-color: var(--brand-color);
  color: #fff !important;
}

.hidden {
    display: none !important;
}