@charset "UTF-8";
/*
Theme Name: C12WE1023
Description: Giao diện được thiết kế bởi yourweb.com.vn
Author: Yourweb Team
Template: flatsome
Version: 3.4
- 3.2 (30/10/2023): https://docs.google.com/spreadsheets/d/1SGlT31p34eTmOgAMpkqVq2nGN8ZzTaXIgRjO0UQo7-M/edit?usp=sharing
- 3.3 (09/11/2023): https://docs.google.com/spreadsheets/d/16l8uAgdhL6YcnBZ2_iZ-6q4iwlSUshAYdvtY_e7p7w0/edit?usp=sharing
- 3.4 (10/11/2023): Font-size, product title tag (home)
*/
/*************** ADD CUSTOM CSS HERE.   ***************/
h1.page-title {
  color: #012e45;
  font-size: 32px;
  text-shadow: 1px 3px 0 #d1d1d1;
}

footer .ft-heading {
  color: #FFF;
  font-weight: 700;
  font-style: normal;
  font-family: "Roboto Slab", sans-serif;
  font-size: 20px;
}

body.home section h1:not(.woocommerce-loop-product__title),
body.home section h2:not(.woocommerce-loop-product__title),
body.home section .site-heading {
  color: #012e45;
  font-size: 32px;
  text-shadow: 1px 3px 0 #d1d1d1;
  margin-bottom: 15px;
  font-family: "Roboto Slab", sans-serif;
}
body.home section h1:not(.woocommerce-loop-product__title).light,
body.home section h2:not(.woocommerce-loop-product__title).light,
body.home section .site-heading.light {
  color: #FFF;
  text-shadow: 1px 3px 0 #845d00;
}
body.home section .align-justify {
  text-align: justify;
}
body.home section.dark h2 {
  color: #FFF;
  text-shadow: 1px 3px 0 BLACK;
  font-size: 32px;
}
body.home .box.product-small .box-text .woocommerce-loop-product__title {
  margin-bottom: 10px;
}

section.home-product-cateogries .icon-box .icon-box-img {
  border: 1px solid #F1F1F1;
  border-radius: 10px;
}
section.home-product-cateogries .icon-box .icon-box-text h3 {
  color: #012e45;
  text-transform: uppercase;
}

section.our-customer .flickity-page-dots {
  bottom: -15px;
}
section.our-customer .stack img, section.our-customer .slider img {
  border: 1px solid #F1F1F1;
  padding: 10px;
  border-radius: 5px;
  transition: 0.6s ease;
}
section.our-customer .stack img:hover, section.our-customer .slider img:hover {
  border-color: #012e45;
}

section.our-services .icon-box {
  border: 1px solid #F1F1F1;
  border-radius: 10px;
  padding: 10px;
  transition: 0.6s ease;
}
section.our-services .icon-box .icon-box-text h3 {
  font-size: 16px;
}
section.our-services .icon-box .icon-box-text p {
  margin-bottom: 5px;
}
section.our-services .icon-box:hover {
  box-shadow: 0px 1px 4px #F1F1F1;
}

section.about-us .panel-wrapper {
  background: #fafafa;
  padding: 15px;
  border-radius: 5px;
  margin-bottom: 15px;
  color: #000;
}
section.about-us .panel-wrapper p {
  position: relative;
  padding-left: 15px;
}
section.about-us .panel-wrapper p:before {
  content: " ";
  background: #CCC;
  width: 4px;
  min-height: 25px;
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 5px;
  transition: 0.6s ease;
}
section.about-us .panel-wrapper p:hover:before {
  min-height: 100%;
}

section.blog .box.box-blog-post {
  border: 1px solid #F1F1F1;
  border-radius: 10px;
}
section.blog .box.box-blog-post .box-text .is-divider {
  display: none;
}

body.archive .box.box-blog-post .box-image .image-cover {
  padding-top: 75% !important;
  border: 1px solid #F1F1F1;
  border-radius: 5px;
  transition: 0.6s ease;
}
body.archive .box.box-blog-post .box-text .box-text-inner .post-title a {
  color: #012e45;
}
body.archive .box.box-blog-post:hover .image-cover {
  border-color: #CCC;
}

body.single-product .product-title {
  color: #012e45;
}
body.single-product .product-short-description {
  font-size: 90%;
  border-top: 4px dashed #ddad32;
  border-bottom: 4px dashed #ddad32;
  padding-top: 15px;
  margin-bottom: 15px;
}
body.single-product .related-products-wrapper .product-section-title {
  color: #ddad32;
}

#shop-sidebar .widget-title, .post-sidebar .widget-title {
  color: #012e45;
}
#shop-sidebar .widget.widget_products ul.product_list_widget li a img, .post-sidebar .widget.widget_products ul.product_list_widget li a img {
  border: 1px solid #F1F1F1;
  border-radius: 5px;
}
#shop-sidebar .widget.widget_products ul.product_list_widget li a .product-title, .post-sidebar .widget.widget_products ul.product_list_widget li a .product-title {
  color: #012e45;
  font-size: 90%;
  font-weight: bold;
}
#shop-sidebar .widget.widget_products ul.product_list_widget li bdi, #shop-sidebar .widget.widget_products ul.product_list_widget li del, .post-sidebar .widget.widget_products ul.product_list_widget li bdi, .post-sidebar .widget.widget_products ul.product_list_widget li del {
  font-size: 90%;
}
#shop-sidebar .widget.flatsome_recent_posts ul li.recent-blog-posts-li .badge .badge-inner, .post-sidebar .widget.flatsome_recent_posts ul li.recent-blog-posts-li .badge .badge-inner {
  border-radius: 5px;
  overflow: hidden;
  border: 1px solid #F1F1F1;
}
#shop-sidebar .widget.flatsome_recent_posts ul li.recent-blog-posts-li a, .post-sidebar .widget.flatsome_recent_posts ul li.recent-blog-posts-li a {
  font-size: 90%;
  color: #012e45;
  font-weight: bold;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2; /* number of lines to show */
  line-clamp: 2;
  -webkit-box-orient: vertical;
}

.c12we1023-contact-form {
  padding: 15px;
}
.c12we1023-contact-form input, .c12we1023-contact-form textarea {
  background: #ebebeb;
  transition: 0.6s ease;
}
.c12we1023-contact-form input::placeholder, .c12we1023-contact-form textarea::placeholder {
  color: #012e45;
}
.c12we1023-contact-form input:focus, .c12we1023-contact-form input:active, .c12we1023-contact-form textarea:focus, .c12we1023-contact-form textarea:active {
  box-shadow: none;
  outline: none;
  background: #FFF;
}

.wpcf7-form {
  margin-bottom: 0;
}
.wpcf7-form .wpcf7-response-output {
  display: none;
}

.box.product-small .box-image {
  border: 1px solid #F1F1F1;
  border-radius: 5px;
}
.box.product-small .box-text .title-wrapper h2 {
  color: #012e45;
  font-weight: bold;
  font-size: 20px;
  margin-bottom: 10px;
}
.box.product-small .box-text .product-title a {
  color: #012e45;
  font-weight: bold;
}
.box.product-small .box-text bdi {
  color: #8e0000;
}

.c12we1023-related-posts .related-heading {
  margin-bottom: 15px;
  color: #012e45;
  text-transform: uppercase;
  display: inline-block;
}
.c12we1023-related-posts .box.box-blog-post {
  border: 1px solid #F1F1F1;
  border-radius: 10px;
  overflow: hidden;
}
.c12we1023-related-posts .box.box-blog-post .box-text {
  text-align: left;
}
.c12we1023-related-posts .box.box-blog-post .box-text .is-divider {
  display: none;
}

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