@charset "UTF-8";
/*
Theme Name: Vỏ Xe Cần Thơ - C16WE0724
Description: Giao diện được thiết kế theo yêu cầu
Author: UX Themes
Template: flatsome
Version: 3.0
*/
/*************** ADD CUSTOM CSS HERE.   ***************/
@media all and (max-width: 576px) {
  header.transparent .header-main, header.sticky-jump .header-main {
    height: 80px !important;
  }
  header.transparent .header-main #logo, header.sticky-jump .header-main #logo {
    width: 70px;
    border-radius: 5px;
  }
  header.transparent .header-main .header-inner, header.sticky-jump .header-main .header-inner {
    border-radius: unset;
    padding-left: 15px;
  }
}
header .header-main .header-inner {
  background: #FFF;
  border-radius: 0px 0px 10px 10px;
  box-shadow: 0px 0px 20px #969696;
  padding-left: 0;
}
header .header-main .header-inner .flex-left ul.header-nav {
  justify-content: center;
}
header .header-main .header-inner .flex-left ul.header-nav li {
  margin-right: 35px;
}
header .header-main .header-inner .flex-left ul.header-nav li:not(:first-child) a:after {
  border-left: 1px solid rgb(1, 130, 83);
  content: "";
  height: 20px;
  left: -1em;
  margin-top: -7px;
  position: absolute;
  top: 42%;
  width: 1px;
  transform: skew(337deg, 10deg);
}
header .header-main .header-inner .flex-left ul.header-nav li a {
  color: #343434;
  transition: 0.6s ease;
}
header .header-main .header-inner .flex-left ul.header-nav li a:after {
  border-left-color: #343434;
  transition: 0.6s ease;
}
header .header-main .header-inner .flex-left ul.header-nav li a:hover {
  color: #007f52;
}
header .header-main .header-inner .flex-left ul.header-nav li a:hover:after {
  border-left-color: #007f52;
}
header .header-main .header-inner .flex-left ul.header-nav li.active a {
  color: #007f52;
}
header .header-main .header-inner .flex-right li.header-search a {
  color: #FFF;
}
header #logo {
  background: linear-gradient(45deg, #007f52, #00af65);
  border-radius: 0px 0px 0px 10px;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
}
header #logo img {
  padding: 5px;
}
header .stuck #logo {
  border-radius: 10px;
  height: 90%;
}
header .stuck #logo img {
  padding: 10px;
}
header .stuck .header-main .header-inner {
  background: unset;
  box-shadow: unset;
}
header li.cart-item .header-button a {
  border: 1px solid #007f52;
  color: #000;
  font-weight: normal;
  padding: 8px 15px !important;
}
header li.cart-item .header-button a:hover {
  color: #FFF;
}

footer .ft-heading {
  font-weight: bold;
  text-transform: uppercase;
  margin-bottom: 15px;
  font-size: 1.2em;
}
footer .ft-map {
  border-radius: 5px;
  overflow: hidden;
  display: flex;
  margin-bottom: 15px;
}
footer .ft-copyright {
  text-align: center;
  color: #FFF;
  margin-top: 25px;
}
footer .absolute-footer {
  display: none;
}

.box.product-small .box-text {
  text-align: left;
}
.box.product-small .box-text .product-title {
  margin-bottom: 15px;
}
.box.product-small .box-text .product-title a {
  color: #000;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 1.2em;
  transition: 0.6s ease;
}
.box.product-small .box-text .price-wrapper {
  font-size: 1.2em;
}
.box.product-small .box-text .price-wrapper span {
  color: #007f52;
}
.box.product-small a.add_to_cart_button {
  width: 90%;
  margin-bottom: 15px;
  margin-left: 5% !important;
  border: unset;
  background: #007f52;
  border-radius: 5px;
  color: #FFF;
  line-height: 1;
  padding: 15px;
}
.box.product-small a.add_to_cart_button.added {
  display: none;
}
.box.product-small .added_to_cart {
  display: block;
  width: 90%;
  margin-bottom: 15px;
  margin-left: 5% !important;
  border: unset;
  background: #00af65;
  border-radius: 5px;
  color: #FFF;
  line-height: 1;
  padding: 15px;
}
.box.product-small:hover .box-text .product-title a {
  color: #007f52;
}

.box.box-blog-post .box-image {
  border-radius: 10px;
  overflow: hidden;
}
.box.box-blog-post .box-text .post-title {
  color: #000;
  margin-bottom: 10px;
}
.box.box-blog-post .box-text .post-meta {
  color: #007f52;
  margin-bottom: 10px;
  font-weight: bold;
}
.box.box-blog-post .box-text .is-divider {
  display: none;
}
.box.box-blog-post .box-text .from_the_blog_excerpt {
  color: #000;
}

section.home-banner .divider p {
  color: #007f52;
  letter-spacing: 8px;
}

section.about-us {
  position: relative;
  overflow: hidden;
}
section.about-us .featured-text-01 {
  position: relative;
  color: #343434;
  display: block;
  padding-left: 100px;
  text-transform: uppercase;
  margin-bottom: 15px;
}
section.about-us .featured-text-01 p {
  margin-bottom: 0;
}
section.about-us .featured-text-01:before {
  content: "";
  background: #007f52;
  width: 85px;
  height: 1px;
  position: absolute;
  left: 0;
  top: 50%;
}
section.about-us .featured-text-02 {
  color: #007f52;
  font-weight: bold;
  font-size: 2.5em;
  margin-bottom: 15px;
}
@media all and (max-width: 576px) {
  section.about-us .featured-text-02 {
    font-size: 1.5em;
  }
}
section.about-us .featured-text-02 p {
  margin-bottom: 0;
}
section.about-us .row-buttons .col {
  padding: 10px;
}
section.about-us .row-buttons .col a {
  margin: 0;
}
section.about-us .align-justify {
  text-align: justify;
}
section.about-us a.button {
  padding: 5px;
  border-radius: 5px;
  font-weight: normal;
  font-size: 1em;
}
section.about-us:before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  bottom: 0;
  transform: translate(-30%, 40%);
  background: radial-gradient(rgba(0, 250, 143, 0.3607843137) 0%, transparent 60%, transparent 100%);
  animation: bg_animation 8s infinite alternate;
}
@keyframes bg_animation {
  0% {
    transform: translate(-30%, 40%);
  }
  100% {
    transform: translate(-70%, 60%);
  }
}

section.product-categories .featured-text-01 {
  position: relative;
  padding-left: 100px;
  text-transform: uppercase;
  margin-bottom: 0;
}
section.product-categories .featured-text-01 p {
  margin-bottom: 0;
}
section.product-categories .featured-text-01:before {
  content: "";
  position: absolute;
  left: 0;
  top: 49%;
  width: 85px;
  height: 1px;
  background: #FFF;
}
section.product-categories .featured-text-02 {
  text-transform: uppercase;
  font-size: 2.5em;
  font-weight: bold;
  margin-bottom: 20px;
}
@media all and (max-width: 576px) {
  section.product-categories .featured-text-02 {
    font-size: 1.5em;
    text-align: center;
  }
}
section.product-categories .featured-text-02 p {
  margin-bottom: 0;
}
section.product-categories .featured-button {
  border-radius: 5px;
}
section.product-categories .featured-button p {
  margin-bottom: 0;
}
section.product-categories .box.box-category {
  border: 1px solid #F1F1F1;
  border-radius: 5px;
  padding: 10px;
  background: rgba(255, 255, 255, 0.1098039216);
}
section.product-categories .box.box-category .box-text {
  padding: 10px 0px;
}
section.product-categories .box.box-category:hover {
  background: #007f52;
}
@media all and (max-width: 576px) {
  section.product-categories .row.category-list {
    padding: 0px 15px;
  }
}

section.our-products .sub-heading {
  text-transform: uppercase;
  text-align: center;
  margin-bottom: 15px;
  color: #000;
}
section.our-products .heading-text {
  text-transform: uppercase;
  text-align: center;
  font-weight: bold;
  font-size: 2em;
  position: relative;
  padding-bottom: 15px;
  margin-bottom: 15px;
  color: #007f52;
}
section.our-products .heading-text:after {
  content: "";
  position: absolute;
  bottom: 0px;
  width: 85px;
  height: 1px;
  background: #000;
  left: 50%;
  transform: translateX(-50%);
}

section.why-choose-us .sub-heading {
  text-transform: uppercase;
  text-align: center;
  margin-bottom: 15px;
}
section.why-choose-us .heading-text {
  text-transform: uppercase;
  text-align: center;
  font-weight: bold;
  font-size: 2em;
  position: relative;
  padding-bottom: 15px;
  margin-bottom: 15px;
}
section.why-choose-us .heading-text:after {
  content: "";
  position: absolute;
  bottom: 0px;
  width: 85px;
  height: 1px;
  background: #FFF;
  left: 50%;
  transform: translateX(-50%);
}
section.why-choose-us .main-section-content {
  background: #FFF;
  border-radius: 5px;
  margin-bottom: -150px;
  border: 1px solid #F1F1F1;
}
section.why-choose-us .main-section-content .icon-box .icon-box-text h3 {
  margin-bottom: 5px;
}
section.why-choose-us .main-section-content .icon-box .icon-box-text * {
  color: #000;
}
@media all and (max-width: 576px) {
  section.why-choose-us .main-section-content {
    margin-bottom: 0;
    padding: 15px;
  }
}

section.blog .sub-heading {
  text-transform: uppercase;
  text-align: center;
  margin-bottom: 15px;
  color: #000;
}
section.blog .heading-text {
  text-transform: uppercase;
  text-align: center;
  font-weight: bold;
  font-size: 2em;
  position: relative;
  padding-bottom: 15px;
  margin-bottom: 30px;
  color: #007f52;
}
section.blog .heading-text:after {
  content: "";
  position: absolute;
  bottom: 0px;
  width: 85px;
  height: 1px;
  background: #000;
  left: 50%;
  transform: translateX(-50%);
}
section.blog a.button {
  border-radius: 5px;
}

.widget .widget-title {
  background: #007f52;
  width: 100%;
  display: block;
  padding: 15px;
  border-radius: 5px 5px 0px 0px;
  color: #FFF;
  text-align: center;
}
.widget .is-divider {
  display: none;
}
.widget.widget_nav_menu {
  background: #F1F1F1;
  border-radius: 5px;
  font-size: 1.2rem;
}
.widget.widget_nav_menu .menu-menu-sidebar-container {
  padding: 10px 20px;
}
.widget.widget_nav_menu .menu-menu-sidebar-container ul.menu {
  color: #000;
}
.widget.widget_nav_menu .menu-menu-sidebar-container ul.menu .toggle {
  display: none;
}
.widget.widget_nav_menu .menu-menu-sidebar-container ul.menu > li > a {
  font-weight: bold;
}
.widget.widget_nav_menu .menu-menu-sidebar-container ul.menu li + li {
  border-top: none;
}
.widget.widget_nav_menu .menu-menu-sidebar-container ul.menu li.menu-item ul.sub-menu {
  display: block;
  border-left: none;
  margin-left: 0;
}
.widget.widget_nav_menu .menu-menu-sidebar-container ul.menu li.menu-item ul.sub-menu li {
  list-style: disc;
}
.widget.widget_product_search form.searchform {
  border-radius: 5px;
  border: 1px solid #F1F1F1;
}
.widget.widget_product_search form.searchform input {
  border: none;
  box-shadow: none;
}
.widget.widget_product_search form.searchform button[type=submit] {
  border-radius: 5px;
}

.c16we0724-fixed-contact {
  position: fixed;
  top: 50%;
  right: 15px;
  z-index: 1000;
  transform: translateY(-50%);
}
.c16we0724-fixed-contact .c16we0724-fixed-contact-inner ul {
  display: flex;
  flex-direction: column;
  gap: 15px;
  list-style: none;
  margin: 0;
  padding: 0;
}
.c16we0724-fixed-contact .c16we0724-fixed-contact-inner ul li {
  margin: 0;
  padding: 0;
}
.c16we0724-fixed-contact .c16we0724-fixed-contact-inner ul li a {
  display: block;
  position: relative;
  transition: 0.6s ease;
  left: 0;
}
.c16we0724-fixed-contact .c16we0724-fixed-contact-inner ul li a img {
  border: 1px solid #F1F1F1;
  border-radius: 50%;
  transition: 0.6s ease;
}
.c16we0724-fixed-contact .c16we0724-fixed-contact-inner ul li:hover a {
  left: -10px;
}
.c16we0724-fixed-contact .c16we0724-fixed-contact-inner ul li:hover a img {
  border-color: #007f52;
}

/*# sourceMappingURL=style.css.map */