@charset "UTF-8";
/*
Theme Name: Nhôm Kính Bảo Tiến Quang
Theme URI: https://nhomkinhbaotienquang.com
Author: Bảo Tiến Quang
Author URI: https://nhomkinhbaotienquang.com
Description: Nhôm kính Bảo Tiến Quang là cơ sở nhôm kính có quá trình hoạt động lâu dài tại thành phố Đà Nẵng, có văn phòng tại các quận Hải Châu, Sơn Trà và Ngũ Hành Sơn. Chúng tôi luôn cam kết cung cấp dịch vụ với chất lượng cao nhất tới khách hàng
Requires at least: 4.9.6
Requires PHP: 5.2.4
Version: 2.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: baotienquang
Tags: nhom kinh da nang, nhom kinh da nang gia re

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

Twenty Nineteen is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/

Bundled block pattern images:
Abstract Background by HD Wallpapers, CC0. https://stocksnap.io/photo/abstract-background-0SRRVNMKBX
Abstract Waves by HD Wallpapers, CC0. https://stocksnap.io/photo/abstract-waves-0KREGLTZQ3
Abstract Bokeh by HD Wallpapers, CC0. https://stocksnap.io/photo/abstract-bokeh-P4KVZBMQ6L
Colorful Bokeh by HD Wallpapers, CC0. https://stocksnap.io/photo/colorful-bokeh-VN4G84GL8H
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Variables
# Normalize
# Typography
	## Headings
	## Copy
# Elements
	## Lists
	## Tables
# Forms
	## Buttons
	## Fields
# Navigation
	## Links
	## Menus
	## Next & Previous
# Accessibility
# Alignments
# Clearings
# Layout
# Widgets
# Content
	## Archives
	## Posts and pages
	## Comments
# Blocks
# Media
	## Captions
	## Galleries
--------------------------------------------------------------*/
/*
 * Chrome renders extra-wide   characters for the Hoefler Text font.
 * This results in a jumping cursor when typing in both the Classic and block
 * editors. The following font-face override fixes the issue by manually inserting
 * a custom font that includes just a Hoefler Text space replacement for that
 * character instead.
 */
 
 :root {
  --primary-color: #f7941d;
}

html {
  background-color: #ffffff !important;
}

.full-width .ubermenu-nav,
.container,
.row {
  max-width: 1320px
}

.row.row-collapse {
  max-width: 1290px
}

.row.row-small {
  max-width: 1312.5px
}

.row.row-large {
  max-width: 1350px
}
.nivoSlider {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
}
.nivoSlider img{width:100%;}

.sticky-add-to-cart--active,
#wrapper,
#main,
#main.dark {
  background-color: #ffffff
}

.header-main {
  height: 74px
}

#logo img {
  max-height: 74px
}

#logo {
  width: 281px;
}

#logo img {
  padding: 5px 0;
}

#logo a {
  max-width: 254px;
}

.header-bottom {
  min-height: 10px
}

.header-top {
  min-height: 40px
}

.transparent .header-main {
  height: 30px
}

.transparent #logo img {
  max-height: 30px
}

.has-transparent+.page-title:first-of-type,
.has-transparent+#main>.page-title,
.has-transparent+#main>div>.page-title,
.has-transparent+#main .page-header-wrapper:first-of-type .page-title {
  padding-top: 60px;
}

.header.show-on-scroll,
.stuck .header-main {
  height: 95px !important
}

.stuck #logo img {
  max-height: 95px !important
}

.search-form {
  width: 18%;
}

.header-bg-color,
.header-wrapper {
  background-color: rgba(255, 255, 255, 0.9)
}

.header-bottom {
  background-color: #f1f1f1
}

.header-main .nav>li>a {
  line-height: 75px
}

.stuck .header-main .nav>li>a {
  line-height: 75px
}

.header-bottom-nav>li>a {
  line-height: 40px
}

@media (max-width: 549px) {
  .header-main {
      height: 70px
  }

  #logo img {
      max-height: 70px
  }
}

.nav-dropdown {
  font-size: 100%
}

.header-top {
  background-color: #2a803e !important;
}

/* Color */
.accordion-title.active,
.has-icon-bg .icon .icon-inner,
.logo a,
.primary.is-underline,
.primary.is-link,
.badge-outline .badge-inner,
.nav-outline>li.active>a,
.nav-outline>li.active>a,
.cart-icon strong,
[data-color='primary'],
.is-outline.primary {
  color: #f7941d;
}

/* Color !important */
[data-text-color="primary"] {
  color: #f7941d !important;
}

/* Background Color */
[data-text-bg="primary"] {
  background-color: #f7941d;
}

/* Background */
.scroll-to-bullets a,
.featured-title,
.label-new.menu-item>a:after,
.nav-pagination>li>.current,
.nav-pagination>li>span:hover,
.nav-pagination>li>a:hover,
.has-hover:hover .badge-outline .badge-inner,
button[type="submit"],
.button.wc-forward:not(.checkout):not(.checkout-button),
.button.submit-button,
.button.primary:not(.is-outline),
.featured-table .title,
.is-outline:hover,
.has-icon:hover .icon-label,
.nav-dropdown-bold .nav-column li>a:hover,
.nav-dropdown.nav-dropdown-bold>li>a:hover,
.nav-dropdown-bold.dark .nav-column li>a:hover,
.nav-dropdown.nav-dropdown-bold.dark>li>a:hover,
.is-outline:hover,
.tagcloud a:hover,
.grid-tools a,
input[type='submit']:not(.is-form),
.box-badge:hover .box-text,
input.button.alt,
.nav-box>li>a:hover,
.nav-box>li.active>a,
.nav-pills>li.active>a,
.current-dropdown .cart-icon strong,
.cart-icon:hover strong,
.nav-line-bottom>li>a:before,
.nav-line-grow>li>a:before,
.nav-line>li>a:before,
.banner,
.header-top,
.slider-nav-circle .flickity-prev-next-button:hover svg,
.slider-nav-circle .flickity-prev-next-button:hover .arrow,
.primary.is-outline:hover,
.button.primary:not(.is-outline),
input[type='submit'].primary,
input[type='submit'].primary,
input[type='reset'].button,
input[type='button'].primary,
.badge-inner {
  background-color: #f7941d;
}

/* Border */
.nav-vertical.nav-tabs>li.active>a,
.scroll-to-bullets a.active,
.nav-pagination>li>.current,
.nav-pagination>li>span:hover,
.nav-pagination>li>a:hover,
.has-hover:hover .badge-outline .badge-inner,
.accordion-title.active,
.featured-table,
.is-outline:hover,
.tagcloud a:hover,
blockquote,
.has-border,
.cart-icon strong:after,
.cart-icon strong,
.blockUI:before,
.processing:before,
.loading-spin,
.slider-nav-circle .flickity-prev-next-button:hover svg,
.slider-nav-circle .flickity-prev-next-button:hover .arrow,
.primary.is-outline:hover {
  border-color: #f7941d
}

.nav-tabs>li.active>a {
  border-top-color: #f7941d
}

.widget_shopping_cart_content .blockUI.blockOverlay:before {
  border-left-color: #f7941d
}

.woocommerce-checkout-review-order .blockUI.blockOverlay:before {
  border-left-color: #f7941d
}

/* Fill */
.slider .flickity-prev-next-button:hover svg,
.slider .flickity-prev-next-button:hover .arrow {
  fill: #f7941d;
}

/* Background Color */
[data-icon-label]:after,
.secondary.is-underline:hover,
.secondary.is-outline:hover,
.icon-label,
.button.secondary:not(.is-outline),
.button.alt:not(.is-outline),
.badge-inner.on-sale,
.button.checkout,
.single_add_to_cart_button,
.current .breadcrumb-step {
  background-color: #0d3c1c;
}

[data-text-bg="secondary"] {
  background-color: #0d3c1c;
}

/* Color */
.secondary.is-underline,
.secondary.is-link,
.secondary.is-outline,
.stars a.active,
.star-rating:before,
.woocommerce-page .star-rating:before,
.star-rating span:before,
.color-secondary {
  color: #0d3c1c
}

/* Color !important */
[data-text-color="secondary"] {
  color: #0d3c1c !important;
}

/* Border */
.secondary.is-outline:hover {
  border-color: #0d3c1c
}

.success.is-underline:hover,
.success.is-outline:hover,
.success {
  background-color: #f7941d
}

.success-color,
.success.is-link,
.success.is-outline {
  color: #f7941d;
}

.success-border {
  border-color: #f7941d !important;
}

/* Color !important */
[data-text-color="success"] {
  color: #f7941d !important;
}

/* Background Color */
[data-text-bg="success"] {
  background-color: #f7941d;
}

.alert.is-underline:hover,
.alert.is-outline:hover,
.alert {
  background-color: #217f3e
}

.alert.is-link,
.alert.is-outline,
.color-alert {
  color: #217f3e;
}

/* Color !important */
[data-text-color="alert"] {
  color: #217f3e !important;
}

/* Background Color */
[data-text-bg="alert"] {
  background-color: #217f3e;
}

body {
  font-size: 100%;
}

@media screen and (max-width: 549px) {
  body {
      font-size: 100%;
  }
}

body {
  color: #0d3c1c
}

h1,
h2,
h3,
h4,
h5,
h6,
.heading-font {
  color: #0d3c1c;
}

.breadcrumbs {
  text-transform: none;
}

button,
.button {
  text-transform: none;
}

.section-title span {
  text-transform: none;
}

h3.widget-title,
span.widget-title {
  text-transform: none;
}

.header:not(.transparent) .top-bar-nav>li>a {
  color: #ffffff;
}

.header:not(.transparent) .header-nav-main.nav>li>a:hover,
.header:not(.transparent) .header-nav-main.nav>li.active>a,
.header:not(.transparent) .header-nav-main.nav>li.current>a,
.header:not(.transparent) .header-nav-main.nav>li>a.active,
.header:not(.transparent) .header-nav-main.nav>li>a.current {
  color: #217f3e;
}

.header-nav-main.nav-line-bottom>li>a:before,
.header-nav-main.nav-line-grow>li>a:before,
.header-nav-main.nav-line>li>a:before,
.header-nav-main.nav-box>li>a:hover,
.header-nav-main.nav-box>li.active>a,
.header-nav-main.nav-pills>li>a:hover,
.header-nav-main.nav-pills>li.active>a {
  color: #FFF !important;
  background-color: #217f3e;
}

a {
  color: #0d3c1c;
}

a:hover {
  color: #217f3e;
}

.tagcloud a:hover {
  border-color: #217f3e;
  background-color: #217f3e;
}

.is-divider {
  background-color: #217f3e;
}

.badge-inner.on-sale {
  background-color: #f14f66
}

.star-rating span:before,
.star-rating:before,
.woocommerce-page .star-rating:before,
.stars a:hover:after,
.stars a.active:after {
  color: #fad31f
}

@media screen and (min-width: 550px) {
  .products .box-vertical .box-image {
      min-width: 300px !important;
      width: 300px !important;
  }
}


/* Custom CSS */
.product-category.col .box-category>.box-text {
  top: -40px;
}

.product-category.col .box-category>.box-text>.box-text-inner {
  width: 90%;
  background-color: #217f3e;
  color: #f7941d;
  height: 60px;
  vertical-align: middle;
  line-height: 60px;
  padding: 10px;
  border-radius: 8px;
  opacity: 0.8;
}

.product-category.col .box-category>.box-text>.box-text-inner .header-title {
  font-size: 0.8em !important;
  color: #ffffff !important;
}

::-webkit-scrollbar {
  width: 8px;
  background-color: #f5f5f5;
}

::-webkit-scrollbar-thumb {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px rgb(0 0 0 / 30%);
  background: var(--primary-color);
}

::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgb(0 0 0 / 30%);
  border-radius: 10px;
  background-color: #f5f5f5;
}

.table-responsive-details table {
  border: 1px solid #fff;
  width: 100%
}

.table-responsive-details table td,
.table-responsive-details table th {
  padding: 15px
}

.table-responsive-details table td {
  border: 2px solid #fff
}

.table-responsive-details table td:nth-child(1) {
  background-color: #cdcdcd;
  width: 40%
}

.table-responsive-details table td:nth-child(2) {
  background-color: #f1f1f1
}

.box-image:hover::before,
.post-item:hover .box-image::before,
.img:hover>.img-inner::before {
  -webkit-animation: shine .75s;
  animation: shine .75s
}

@-webkit-keyframes shine {
  100% {
      left: 125%
  }
}

@keyframes shine {
  100% {
      left: 125%
  }
}

.box-image::before,
.img>.img-inner::before {
  position: absolute;
  top: 0;
  left: -75%;
  z-index: 2;
  display: block;
  content: '';
  width: 50%;
  height: 100%;
  background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .3) 100%);
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .3) 100%);
  -webkit-transform: skewX(-25deg);
  transform: skewX(-25deg)
}

.home_slider .flickity-page-dots .dot {
  border: unset;
  background-color: #ffffff;
  height: 8px;
  width: 8px;
  border-radius: 4px;
  opacity: 1;
}

.home_slider .flickity-page-dots .dot.is-selected {
  background-color: var(--primary-color);
  width: 24px;
}

/* Custom CSS Mobile */
@media (max-width: 549px) {
  .section-title.section-title-center .section-title-main {
      font-size: 20px;
  }
}

.label-new.menu-item>a:after {
  content: "New";
}

.label-hot.menu-item>a:after {
  content: "Hot";
}

.label-sale.menu-item>a:after {
  content: "Sale";
}

.label-popular.menu-item>a:after {
  content: "Popular";
}