/*
  Theme Name: Nhà cái Child Theme
  Theme URI: 
  Description: Day la child theme cua Pt theme
  Author: Pt developer
  Author URI: 
  Version: 2.0
  Template: pttheme
  */

@import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap");

:root {
  --color-yellow: #f0ad4e;
  --color-red: #cf142b;
  --box-shadown: 1px 1px 2px rgba(0, 0, 0, 0.12);
  --border-basic: #e1e1e1;
}

body {
  font-family: "Roboto", sans-serif;
}

p,
ul,
li {
  font-weight: 400;
}

/* Header - */
#header-top {
  padding-top: 7px;
}

#header-top .menu-item a {
  font-weight: 500;
}

#header-top .search-icon-btn i {
  font-size: 1.2em;
}

#header-middle {
  padding: 0;
}

#header-middle .menu-item a {
  font-weight: bold;
}

#header-middle .header_box.right .menu-item:last-child {
  margin-right: 0;
}

#header-desk .header_box.logo {
  margin-top: -30px;
}

#header-middle .header_inner {
  position: relative;
  padding-bottom: 20px;
}

#header-middle .header_inner::before,
#header-mobile-middle::before {
  content: "";
  display: block;
  /* background: url(data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none' overflow='visible' height='100%' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1' stroke-linecap='square' stroke-miterlimit='10'%3E%3Cpath d='M0,6c6,0,6,13,12,13S18,6,24,6'/%3E%3C/svg%3E); */
  width: 100%;
  height: 0;
  background-size: 20px 100%;
  background-repeat: repeat-x;
  position: absolute;
  bottom: 0;
  left: 0;
  border-bottom: 3px dashed #d8d3d3;
}

#header .sub-menu .menu-item a {
  font-weight: 400;
  padding: 10px 5px;
}

#header .menu-item .img {
  width: 18px;
  height: 18px;
}

.search-icon .search-icon-inner {
  background: transparent;
  padding: 0;
  min-width: 70%;
}

#header .search-icon .search-field {
  background-color: transparent;
  color: white;
  border: 0;
  font-size: 1.3em;
  height: unset;
}

#header .search-icon .search-submit {
  background: transparent;
  border: 0;
  color: white;
  font-size: 1.3em;
  height: unset;
}

#header .search-submit i {
  color: white;
  font-size: 1.5rem;
}

#header .search-icon-inner {
  border-bottom: 1px solid white;
  padding-bottom: 9px;
}

#header .search-icon .search-field::placeholder {
  color: white;
}

#header .sub-menu {
  width: 260px;
}

#header .window_btn-close i {
  color: white;
  font-size: 1.5rem;
}

#header-mobile-middle {
  position: relative;
  padding: 5px 0 20px;
}

#header-mobile-middle .header_inner {
  flex-wrap: wrap;
}

#header-mobile-middle .header_box.right {
  width: 100%;
  margin: 0;
}

#header-mobile-middle .header_menu.primary {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}

#header-mobile-middle .header_menu.primary span {
  color: inherit;
  font-size: 1.1rem;
  font-weight: bold;
}

#header .window_wrap .menu-item.active>.sub-menu>.menu-item>a {
  font-weight: normal;
}

#header .window_wrap .menu-item span {
  font-size: 1rem;
}

#header .window_wrap .menu-item a {
  padding: 14px 0;
}

#header .window_wrap .sub-menu .menu-item a {
  font-weight: 400;
  padding: 10px 0px;
}

.window_wrap .window_content-inner {
  overflow-y: auto;
}

.header_menu.mobile {
  overflow: hidden;
}

/* Banner Head Wrap ------- */
.banner-head_wrap {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-column-gap: 7px;
  grid-row-gap: 7px;
  padding-top: 12px;
}

/* Page - Style  */
#main .col_content>.col-inner>*:first-child {
  margin-top: 0;
}

#main .col_content>.col-inner>*:last-child {
  margin-bottom: 0;
}

/* Page - The content box */

.box-the-content {
  background: white;
  padding: 20px;
  max-height: 75vh;
  overflow-y: scroll;
  overflow-x: hidden;
  border: 1px solid var(--border-basic);
  border-radius: 10px;
  margin: 1.5rem 0;
}

/* Title Wrap ----- */
.section-title_wrap h2 {
  font-size: 1.6rem;
  text-transform: capitalize;
  color: var(--primary-color);
  margin-bottom: 2rem;
  font-weight: 600;
}

/* Dealer Box ----- */
.dealer-box {
  background: var(--bg-color, #000);
  padding: 2px;
  text-align: center;
  width: 100%;
  border-radius: 10px;
  box-shadow: 0 0 5px rgb(0 0 0 / 40%);
  height: 100%;
  position: relative;
  padding: 23px 3px;
  z-index: 1;
}

.dealer-box_inner {
  width: 100%;
  background-color: var(--bg-gray);
  padding: 30px 20px;
  height: 100%;
}

.dealer-box::before {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 283.5 27.8' preserveAspectRatio='xMidYMax slice'%3E%3Cpath class='elementor-shape-fill' d='M0 0v6.7c1.9-.8 4.7-1.4 8.5-1 9.5 1.1 11.1 6 11.1 6s2.1-.7 4.3-.2c2.1.5 2.8 2.6 2.8 2.6s.2-.5 1.4-.7c1.2-.2 1.7.2 1.7.2s0-2.1 1.9-2.8c1.9-.7 3.6.7 3.6.7s.7-2.9 3.1-4.1 4.7 0 4.7 0 1.2-.5 2.4 0 1.7 1.4 1.7 1.4h1.4c.7 0 1.2.7 1.2.7s.8-1.8 4-2.2c3.5-.4 5.3 2.4 6.2 4.4.4-.4 1-.7 1.8-.9 2.8-.7 4 .7 4 .7s1.7-5 11.1-6c9.5-1.1 12.3 3.9 12.3 3.9s1.2-4.8 5.7-5.7c4.5-.9 6.8 1.8 6.8 1.8s.6-.6 1.5-.9c.9-.2 1.9-.2 1.9-.2s5.2-6.4 12.6-3.3c7.3 3.1 4.7 9 4.7 9s1.9-.9 4 0 2.8 2.4 2.8 2.4 1.9-1.2 4.5-1.2 4.3 1.2 4.3 1.2.2-1 1.4-1.7 2.1-.7 2.1-.7-.5-3.1 2.1-5.5 5.7-1.4 5.7-1.4 1.5-2.3 4.2-1.1c2.7 1.2 1.7 5.2 1.7 5.2s.3-.1 1.3.5c.5.4.8.8.9 1.1.5-1.4 2.4-5.8 8.4-4 7.1 2.1 3.5 8.9 3.5 8.9s.8-.4 2 0 1.1 1.1 1.1 1.1 1.1-1.1 2.3-1.1 2.1.5 2.1.5 1.9-3.6 6.2-1.2 1.9 6.4 1.9 6.4 2.6-2.4 7.4 0c3.4 1.7 3.9 4.9 3.9 4.9s3.3-6.9 10.4-7.9 11.5 2.6 11.5 2.6.8 0 1.2.2c.4.2.9.9.9.9s4.4-3.1 8.3.2c1.9 1.7 1.5 5 1.5 5s.3-1.1 1.6-1.4c1.3-.3 2.3.2 2.3.2s-.1-1.2.5-1.9 1.9-.9 1.9-.9-4.7-9.3 4.4-13.4c5.6-2.5 9.2.9 9.2.9s5-6.2 15.9-6.2 16.1 8.1 16.1 8.1.7-.2 1.6-.4V0H0z' fill='%23f6f6f6'%3E%3C/path%3E%3C/svg%3E");
  display: block;
  width: calc(100% - 6px);
  height: 18px;
  background-repeat: no-repeat;
  background-size: cover;
  transform: rotate(-180deg) translateX(50%);
  position: absolute;
  top: 5px;
  left: 50%;
}

.dealer-box::after {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 283.5 27.8' preserveAspectRatio='none'%3E%3Cpath class='elementor-shape-fill' d='M283.5,9.7c0,0-7.3,4.3-14,4.6c-6.8,0.3-12.6,0-20.9-1.5c-11.3-2-33.1-10.1-44.7-5.7	s-12.1,4.6-18,7.4c-6.6,3.2-20,9.6-36.6,9.3C131.6,23.5,99.5,7.2,86.3,8c-1.4,0.1-6.6,0.8-10.5,2c-3.8,1.2-9.4,3.8-17,4.7	c-3.2,0.4-8.3,1.1-14.2,0.9c-1.5-0.1-6.3-0.4-12-1.6c-5.7-1.2-11-3.1-15.8-3.7C6.5,9.2,0,10.8,0,10.8V0h283.5V9.7z M260.8,11.3	c-0.7-1-2-0.4-4.3-0.4c-2.3,0-6.1-1.2-5.8-1.1c0.3,0.1,3.1,1.5,6,1.9C259.7,12.2,261.4,12.3,260.8,11.3z M242.4,8.6	c0,0-2.4-0.2-5.6-0.9c-3.2-0.8-10.3-2.8-15.1-3.5c-8.2-1.1-15.8,0-15.1,0.1c0.8,0.1,9.6-0.6,17.6,1.1c3.3,0.7,9.3,2.2,12.4,2.7	C239.9,8.7,242.4,8.6,242.4,8.6z M185.2,8.5c1.7-0.7-13.3,4.7-18.5,6.1c-2.1,0.6-6.2,1.6-10,2c-3.9,0.4-8.9,0.4-8.8,0.5	c0,0.2,5.8,0.8,11.2,0c5.4-0.8,5.2-1.1,7.6-1.6C170.5,14.7,183.5,9.2,185.2,8.5z M199.1,6.9c0.2,0-0.8-0.4-4.8,1.1	c-4,1.5-6.7,3.5-6.9,3.7c-0.2,0.1,3.5-1.8,6.6-3C197,7.5,199,6.9,199.1,6.9z M283,6c-0.1,0.1-1.9,1.1-4.8,2.5s-6.9,2.8-6.7,2.7	c0.2,0,3.5-0.6,7.4-2.5C282.8,6.8,283.1,5.9,283,6z M31.3,11.6c0.1-0.2-1.9-0.2-4.5-1.2s-5.4-1.6-7.8-2C15,7.6,7.3,8.5,7.7,8.6	C8,8.7,15.9,8.3,20.2,9.3c2.2,0.5,2.4,0.5,5.7,1.6S31.2,11.9,31.3,11.6z M73,9.2c0.4-0.1,3.5-1.6,8.4-2.6c4.9-1.1,8.9-0.5,8.9-0.8	c0-0.3-1-0.9-6.2-0.3S72.6,9.3,73,9.2z M71.6,6.7C71.8,6.8,75,5.4,77.3,5c2.3-0.3,1.9-0.5,1.9-0.6c0-0.1-1.1-0.2-2.7,0.2	C74.8,5.1,71.4,6.6,71.6,6.7z M93.6,4.4c0.1,0.2,3.5,0.8,5.6,1.8c2.1,1,1.8,0.6,1.9,0.5c0.1-0.1-0.8-0.8-2.4-1.3	C97.1,4.8,93.5,4.2,93.6,4.4z M65.4,11.1c-0.1,0.3,0.3,0.5,1.9-0.2s2.6-1.3,2.2-1.2s-0.9,0.4-2.5,0.8C65.3,10.9,65.5,10.8,65.4,11.1	z M34.5,12.4c-0.2,0,2.1,0.8,3.3,0.9c1.2,0.1,2,0.1,2-0.2c0-0.3-0.1-0.5-1.6-0.4C36.6,12.8,34.7,12.4,34.5,12.4z M152.2,21.1	c-0.1,0.1-2.4-0.3-7.5-0.3c-5,0-13.6-2.4-17.2-3.5c-3.6-1.1,10,3.9,16.5,4.1C150.5,21.6,152.3,21,152.2,21.1z' fill='%23f6f6f6'%3E%3C/path%3E%3Cpath fill='%23f6f6f6' class='elementor-shape-fill' d='M269.6,18c-0.1-0.1-4.6,0.3-7.2,0c-7.3-0.7-17-3.2-16.6-2.9c0.4,0.3,13.7,3.1,17,3.3	C267.7,18.8,269.7,18,269.6,18z'%3E%3C/path%3E%3Cpath fill='%23f6f6f6' class='elementor-shape-fill' d='M227.4,9.8c-0.2-0.1-4.5-1-9.5-1.2c-5-0.2-12.7,0.6-12.3,0.5c0.3-0.1,5.9-1.8,13.3-1.2	S227.6,9.9,227.4,9.8z'%3E%3C/path%3E%3Cpath fill='%23f6f6f6' class='elementor-shape-fill' d='M204.5,13.4c-0.1-0.1,2-1,3.2-1.1c1.2-0.1,2,0,2,0.3c0,0.3-0.1,0.5-1.6,0.4	C206.4,12.9,204.6,13.5,204.5,13.4z'%3E%3C/path%3E%3Cpath fill='%23f6f6f6' class='elementor-shape-fill' d='M201,10.6c0-0.1-4.4,1.2-6.3,2.2c-1.9,0.9-6.2,3.1-6.1,3.1c0.1,0.1,4.2-1.6,6.3-2.6	S201,10.7,201,10.6z'%3E%3C/path%3E%3Cpath fill='%23f6f6f6' class='elementor-shape-fill' d='M154.5,26.7c-0.1-0.1-4.6,0.3-7.2,0c-7.3-0.7-17-3.2-16.6-2.9c0.4,0.3,13.7,3.1,17,3.3	C152.6,27.5,154.6,26.8,154.5,26.7z'%3E%3C/path%3E%3Cpath fill='%23f6f6f6' class='elementor-shape-fill' d='M41.9,19.3c0,0,1.2-0.3,2.9-0.1c1.7,0.2,5.8,0.9,8.2,0.7c4.2-0.4,7.4-2.7,7-2.6	c-0.4,0-4.3,2.2-8.6,1.9c-1.8-0.1-5.1-0.5-6.7-0.4S41.9,19.3,41.9,19.3z'%3E%3C/path%3E%3Cpath fill='%23f6f6f6' class='elementor-shape-fill' d='M75.5,12.6c0.2,0.1,2-0.8,4.3-1.1c2.3-0.2,2.1-0.3,2.1-0.5c0-0.1-1.8-0.4-3.4,0	C76.9,11.5,75.3,12.5,75.5,12.6z'%3E%3C/path%3E%3Cpath fill='%23f6f6f6' class='elementor-shape-fill' d='M15.6,13.2c0-0.1,4.3,0,6.7,0.5c2.4,0.5,5,1.9,5,2c0,0.1-2.7-0.8-5.1-1.4	C19.9,13.7,15.7,13.3,15.6,13.2z'%3E%3C/path%3E%3C/svg%3E");
  display: block;
  width: calc(100% - 6px);
  height: 18px;
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  bottom: 5px;
  left: 50%;
  transform: translateX(-50%);
}

.dealer-box_logo {
  margin-bottom: 0.8rem;
}

.dealer-box_logo img {
  height: 58px;
  width: 100%;
  object-fit: contain;
  object-position: center;
}

.dealer-box_score {
  margin-bottom: 0.8rem;
}

.dealer-box_score span {
  margin-right: 5px;
}

.dealer-box_score i {
  color: var(--color-yellow, #f0ad4e);
}

.dealer-box_text {
  font-weight: bold;
  margin-bottom: 0.5rem;
  font-size: 1.05rem;
}

.dealer-box_outline {
  font-size: 1.4rem;
  font-weight: bold;
  color: var(--primary-color, #0079ad);
  margin-bottom: 7px;
}

.dealer-box_btn {
  display: block;
  width: fit-content;
  margin: 0 auto 0.8rem;
  background: var(--color-red, #cc011b);
  color: white;
  padding: 5px 25px;
  font-size: 1.2rem;
  border: 2px solid white;
  border-radius: 10px;
  box-shadow: 0px 0px 10px rgb(0 0 0 / 20%);
  text-transform: uppercase;
  font-weight: 600;
}

.dealer-box_btn:hover {
  color: white;
}

.dealer-box_detail {
  color: var(--primary-color, #0079ad);
  font-weight: bold;
  font-size: 1rem;
}

.dealer-box_level {
  width: 42px;
  height: 42px;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 1;
  position: absolute;
  top: 0;
  right: 0;
  transform: translate(30%, -40%);
}

.dealer-box_level img {
  animation: dealer-scale 1s infinite;
}

@keyframes dealer-scale {

  0%,
  100% {
    transform: scale(1);
  }

  30% {
    transform: scale(1.3);
  }

  30%,
  40% {
    transform: scale(1.3) rotate(-2deg);
  }

  35%,
  45% {
    transform: scale(1.3) rotate(22deg);
  }
}

.dealer-box_level-number {
  display: flex;
  width: 100%;
  height: 100%;
  border: 3px solid #191a33;
  justify-content: center;
  align-items: center;
  font-size: 28px;
  font-weight: bold;
  border-radius: 50%;
  color: #191a33;
  background: white;
}

.dealer-box_level-number.red {
  color: #cf142b;
  border-color: #cf142b;
}

/* Slider Block - */
.slider .slider_button {
  background: transparent;
  box-shadow: unset;
}

.slider .slider_button i {
  font-size: 1.5rem;
  color: white;
}

/* Button --- */
.btn.btn-primary {
  background: var(--primary-color);
  color: white;
  padding: 6px 30px 8px;
  border-radius: 7px;
  border: 1px solid white;
  box-shadow: var(--box-shadown);
  text-align: center;
  font-weight: 500;
  text-transform: uppercase;
  transition: 300ms all;
}

.btn:hover {
  transform: translateY(-5px);
}

.btn:active {
  transform: translateY(-2px) scale(0.9);
}

/* Blog - Loop */
.blog-post-box {
  -webkit-box-shadow: none;
  box-shadow: none;
  border: 1px solid var(--border-basic);
  border-radius: 10px;
  overflow: hidden;
  height: 100%;
}

.blog-post-box .box_img-inner {
  padding-top: 56.2%;
}

.blog-post-box .box_text {
  padding: 10px 12px 1.2rem;
  background-color: white;
}

.blog-post-box .blog_title {
  margin-bottom: 8px;
  font-size: calc(1rem + 1px);
  height: unset;
  -webkit-line-clamp: 3;
}

.blog-post-box .blog_title a {
  color: var(--primary-color);
}

.blog-post-box .blog_info {
  margin: 8px 0;
  opacity: 0.7;
  font-size: 0.9rem;
}

.blog-post-box .blog_except {
  font-size: 1rem;
  -webkit-line-clamp: 4;
}

.blog-post-box .blog_except * {
  margin: 0;
}

.blog-post-box.blog-post_overlay .box_text {
  background: rgba(0, 0, 0, 0.6);
  height: unset;
  width: 100%;
}

.blog-post-box.blog-box-simple {
  border-radius: 0;
}

.blog-post-box.blog-box-simple .blog_title {
  font-size: 1rem;
  font-weight: normal;
  margin: 0;
}

.blog-post-box.blog-box-simple .blog_title a,
.blog-post-box.blog-post_vertical .blog_title a {
  color: var(--text-basic);
}

.blog-post-box.blog-post_vertical {
  border-radius: 0;
  border: 0;
}

.blog-post-box.blog-post_vertical .box_img {
  min-width: 35%;
}

.blog-post-box.blog-post_vertical .blog_title {
  font-size: 1rem;
  -webkit-line-clamp: 2;
  font-weight: normal;
}

.blog-post-outline.blog-post_overlay .blog_title {
  font-size: 1.4rem;
  line-height: 1.3;
  -webkit-line-clamp: 2;
}

/* Footer */

#footer {
  padding-bottom: 0;
  padding-top: 2rem;
}

#footer p {
  margin-bottom: 7px;
  line-height: 1.4;
}

#footer .widget {
  margin-bottom: 1rem;
}

#footer .menu-item {
  border-top: 0;
  padding: 0;
}

#footer .widget-title {
  text-transform: capitalize;
  text-decoration: 1px underline;
  text-underline-offset: 1px;
}

#coppyright {
  border-top: 1px solid var(--border-basic);
}

.widget_blog_thumbnail_widget .blog-post-box {
  border: 0;
  border-radius: 5px;
  background: white;
  padding: 5px;
}

.widget_blog_thumbnail_widget .box_img-inner {
  border-radius: 3px;
  padding-top: 75%;
}

/* Aside Bar  */
.sidebar_wrap .widget_slider_image_widget img {
  border-radius: 10px;
}

.slider .slider_dot {
  background: var(--bg-dark, #111);
  height: 8px;
  width: 8px;
  border-radius: 50%;
  opacity: 0.2;
}

.slider .slider_dot.active {
  opacity: 1;
  background: var(--bg-dark, #111);
}

/* Archive Page ---- */
.category-child_inner {
  margin: 1.5rem 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  background: var(--bg-gray);
  padding: 15px;
  border-radius: 0 5px 5px 0;
  border-left: 7px solid var(--primary-color);
}

.category-child_inner li {
  margin: 0 10px 5px 0;
}

.category-child_title {
  font-weight: 600;
  font-size: 1.1em;
  text-decoration: underline 1px;
  text-underline-offset: 3px;
  margin-bottom: 10px;
  display: block;
  width: 100%;
  font-style: italic;
}

.category-child_item a {
  color: var(--text-basic, #333);
}

.category-child_item a:hover {
  color: var(--link-hover, blue);
}

.archive-header {
  background: white;
  padding: 1rem 1rem 3rem;
  border: 1px solid var(--border-basic);
  border-radius: 7px;
  margin-bottom: 2rem;
  position: relative;
}

.archive-header h1 {
  font-size: 1.6rem;
  line-height: 1.3;
  margin-bottom: 12px;
  font-weight: bold;
}

.archive-header_desc {
  font-weight: 300;
}

.archive-header_logo {
  display: block;
  position: absolute;
  bottom: 10px;
  right: 10px;
  z-index: 1;
}

.archive-header_logo img {
  height: 35px;
  width: auto;
}

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

.archive-more-cate_wrap .blog-post-first {
  border: 0;
  border-radius: 0;
  border-bottom: 1px dashed var(--border-basic);
  padding-bottom: 1rem;
  margin-bottom: 1rem;
}

.archive-more-cate_wrap .blog-post-first .box_text {
  padding: 12px 0 0;
}

.archive-more-cate_wrap .blog-post-first .blog_except {
  -webkit-line-clamp: 3;
  font-size: 0.9rem;
}

.archive-more-cate_wrap .blog-post-first .blog_title a {
  font-size: 1.2rem;
}

.archive-more-cate_wrap .blog-post_vertical {
  margin-top: 1rem;
}

.archive-more-cate_title {
  font-size: 1.2rem;
  font-weight: 500;
  border-left: 4px solid var(--primary-color);
  padding-left: 10px;
  text-transform: uppercase;
  margin-bottom: 14px;
  line-height: 1.3;
}

.archive-more-cate_title a {
  color: var(--text-title);
}

.archive-more-cate_wrap {
  margin: 1.5rem 0;
}

.archive-more-cate_wrap .archive-more-cate_item {
  padding-bottom: 30px;
}

.archive-shorcode {
  margin: 1.4rem 0;
}

/* Post Single -  */
.article_header {
  background-color: unset;
  padding: 0;
  border-radius: 0;
  margin-bottom: 1.2rem;
  display: block;
}

.article_header-text {
  margin-left: 0;
}

.article_header-text h1 {
  margin-bottom: 5px;
  border-bottom: unset;
  padding-bottom: 0;
  font-size: var(--size-title, 30px);
  font-weight: 600;
}

.article_header-meta {
  opacity: 0.6;
  font-size: calc(1rem - 1px);
}

.article_header-meta i {
  margin-right: 3px;
}

.article_header-count,
.article_header-hours {
  margin-left: 12px;
}

.article_description {
  display: -webkit-box;
  -webkit-line-clamp: 6;
  -webkit-box-orient: vertical;
  overflow: hidden;
  margin: 1rem 0 1.5rem;
  font-style: italic;
}

.article_description * {
  font-size: 1rem;
  margin: 0;
}

.article_released {
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}

.article_released-link {
  width: 100%;
  display: block;
  border-bottom: 1px dashed var(--border-basic);
  margin-bottom: 1rem;
}

.article_released-link span {
  display: block;
  width: fit-content;
  height: 100%;
  background: var(--primary-color);
  color: white;
  padding: 7px 20px;
  margin-bottom: -1px;
  text-transform: uppercase;
  font-weight: 500;
  letter-spacing: 1px;
  border-radius: 3px 3px 0 0;
  font-size: 1rem;
}

.article_released .blog-post_vertical .blog_title {
  font-size: 1.2rem;
  -webkit-line-clamp: 3;
}

.article_released .blog-post_vertical .blog_except {
  -webkit-line-clamp: 3;
  margin-top: 10px;
}

.article_released .blog-post_vertical {
  border-bottom: 1px dashed var(--border-basic);
  padding-bottom: 1.2rem;
}

.article_released .blog-post_vertical .blog_info {
  font-size: calc(1rem - 1px);
}

/* Page Dealer --------- */
body.page-template-page-dealer .article_header h1 {
  color: var(--primary-color);
  font-weight: 500;
  font-size: 1.6rem;
  line-height: 1.3;
  margin-bottom: 7px;
}

body.page-template-page-dealer .article_header h2 {
  text-align: center;
  font-weight: 500;
  line-height: 1.3;
  margin: 1rem 0 1.5rem;
  color: var(--primary-color);
}

body.page-template-page-dealer .archive_title {
  margin: 1.5rem 0 0;
}

body.page-template-page-dealer .article_meta {
  display: flex;
  font-weight: normal;
}

body.page-template-page-dealer .article_meta-hours {
  margin-left: 1rem;
}

body.page-template-page-dealer .article_meta i {
  margin-right: 3px;
}

body.page-template-page-dealer .article_slider img {
  border-radius: 10px;
}

body.page-template-page-dealer .article_content-inner {
  margin-top: 1rem;
  position: relative;
  overflow: hidden;
  transition: 500ms all;
}

/* Single Promotion ---- */
.single-promotion .article_released .row {
  margin-top: 2rem;
}

.toggle-dealer-row .col {
  display: none;
}

.toggle-dealer_action {
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
}

.toggle-dealer_btn {
  padding: 10px 22px;
  border-radius: 3px;
  border: 1px solid var(--border-basic, #ccc);
  cursor: pointer;
  transition: 300ms all;
  font-weight: normal;
  text-transform: uppercase;
  font-size: 0.9rem;
  flex: 1 1;
  text-align: center;
  display: none;
}

.toggle-dealer_btn:hover {
  background: var(--primary-color, #0079ad);
  color: white;
}

.sticky-dealer {
  position: fixed;
  top: 0;
  z-index: 500;
  text-align: center;
  display: flex;
  justify-content: center;
  transition: 500ms all;
  flex-direction: row;
  flex-wrap: nowrap;
  gap: 30px;
  transform: translateY(-120%);
  width: 100%;
  background-color: white;
  padding: 13px;
  box-shadow: 0 10px 20px rgb(0 0 0 /10%);
}

.sticky-dealer.active {
  transform: translateY(0);
}

.sticky-dealer_inner {
  display: flex;
  justify-content: center;
  width: 100%;
  align-items: center;
  max-width: 100%;
  gap: 4px;
}

.sticky-dealer_logo img {
  max-height: 34px;
  width: auto;
}

.sticky-dealer_btn {
  background-image: var(--btn-bg,
      url(/wp-content/themes/pttheme-child-dealer/img/bg-start.gif));
  color: #ffffff;
  background-repeat: no-repeat;
  padding: 5px 10px;
  background-size: cover;
  font-size: 1rem;
  font-weight: bold;
  border-radius: 5px;
  border: 1px solid white;
  box-shadow: 0px 0px 5px rgb(0 0 0 / 45%);
  margin: 0 5px;
  width: max-content;
  white-space: nowrap;
  text-shadow: 0px 0px 2px rgb(0 0 0 / 80%);
}

/* Bottom - Fix banner ---- */
.bottom-fix-wrap {
  position: fixed;
  z-index: 1000;
  bottom: 5px;
  width: 100%;
  overflow: hidden;
  display: flex;
  justify-content: center;
  padding: 0 40px;
  pointer-events: none;
}

.bottom-fix-inner {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  gap: 3px;
  max-width: 650px;
  pointer-events: auto;
}

.bottom-fix-item {
  position: relative;
}

.bottom-fix-close {
  position: absolute;
  z-index: 100;
  top: 5px;
  right: 5px;
  background-color: white;
  line-height: 1;
  display: flex;
  width: 18px;
  height: 18px;
  justify-content: center;
  align-items: center;
  font-size: 12px;
  cursor: pointer;
  color: #1481cf;
}





/*
      * Responsive
      */
@media only screen and (max-width: 1024px) {

  #header-middle .menu-item,
  #header-mobile-middle .menu-item {
    margin-right: 25px;
  }

  #logo {
    width: 180px;
  }
}

@media only screen and (max-width: 875px) {
  .article_released .blog-post-box:not(.blog-post_vertical) {
    display: flex;
    flex-wrap: nowrap;
    border: 0;
  }

  .article_released .blog-post-box:not(.blog-post_vertical) .box_img {
    flex: 1 1 35%;
    width: 35%;
    min-width: 35%;
  }

  .article_released .blog-post-box:not(.blog-post_vertical) .box_text {
    padding: 0 0 0 12px;
    background-color: transparent;
  }

  .sticky-dealer {
    flex-direction: column;
    gap: 14px;
  }
}

@media only screen and (max-width: 575px) {
  :root {
    font-size: 14px;
  }

  #header #logo {
    max-width: 180px;
  }

  #header .menu-item .img {
    width: 15px;
    height: 15px;
    min-width: unset;
    min-height: unset;
  }

  #header-mobile-middle .menu-item {
    margin-right: 13px;
  }

  #header-mobile-top .header_inner {
    flex-wrap: wrap;
    justify-content: center;
  }

  #header-mobile-top .header_box.logo {
    width: 100%;
    justify-content: center;
    margin-bottom: 10px;
  }

  #header-mobile-top .header_box.right {
    width: unset;
  }

  #header-mobile-middle .header_menu.primary span {
    font-size: 1.2rem;
  }

  .banner-head_wrap {
    grid-template-columns: 1fr;
  }

  .section-title_wrap h2 {
    font-size: 1.4rem;
    margin-bottom: 1rem;
  }

  .blog-post-box .blog_title {
    margin-bottom: 5px;
    font-size: calc(1rem + 2px);
  }

  .blog-post-outline.blog-post_overlay .blog_title {
    font-size: 1.1rem;
  }

  .blog-post-box.blog-post_overlay .box_text {
    padding: 10px 12px;
  }

  #page-the-content {
    padding: 15px;
  }

  .article_released .blog-post_vertical {
    flex-wrap: wrap;
  }

  .article_released .blog-post_vertical .box_img {
    width: 100%;
  }

  .article_released .blog-post-box .box_text {
    padding: 12px 0 0;
  }

}