/*!
Theme Name: thaythuoc
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: thaythuoc
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

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

thaythuoc 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/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Generic
	- Normalize
	- Box sizing
# Base
	- Typography
	- Elements
	- Links
	- Forms
## Layouts
# Components
	- Navigation
	- Posts and pages
	- Comments
	- Widgets
	- Media
	- Captions
	- Galleries
# plugins
	- Jetpack infinite scroll
# Utilities
	- Accessibility
	- Alignments

--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Generic
--------------------------------------------------------------*/

#wpcp-error-message {
    direction: ltr;
    text-align: center;
    transition: opacity 900ms ease 0s;
    z-index: 99999999;
}
.hideme {
    opacity: 0;
    visibility: hidden;
}
.showme {
    opacity: 1;
    visibility: visible;
}
.msgmsg-box-wpcp {
    border: 1px solid #f5aca6;
    border-radius: 10px;
    color: #555;
    font-family: Tahoma;
    font-size: 11px;
    margin: 10px;
    padding: 10px 36px;
    position: fixed;
    width: 255px;
    top: 50%;
    left: 50%;
    margin-top: -10px;
    margin-left: -130px;
    -webkit-box-shadow: 0px 0px 34px 2px rgba(242, 191, 191, 1);
    -moz-box-shadow: 0px 0px 34px 2px rgba(242, 191, 191, 1);
    box-shadow: 0px 0px 34px 2px rgba(242, 191, 191, 1);
}
.msgmsg-box-wpcp span {
    font-weight: bold;
    text-transform: uppercase;
}
.warning-wpcp {
    background: #ffecec url("./assets/images/warning.png") no-repeat 10px 50%;
}
.woocommerce form .form-row .required {
    visibility: visible;
}

.pt-2 {
    padding-top: 25px;
}


:root {
    --primary-color: #03582e;
} /* Site Width */
.header-main {
    height: 91px;
}
#logo img {
    max-height: 91px;
}
#logo {
    width: 93px;
}
#logo img {
    padding: 1px 0;
}
.header-bottom {
    min-height: 10px;
}
.header-top {
    min-height: 36px;
}
.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: 110px;
}
.header.show-on-scroll,
.stuck .header-main {
    height: 70px !important;
}
.stuck #logo img {
    max-height: 70px !important;
}
.search-form {
    width: 88%;
}
.header-bg-color,
.header-wrapper {
    background-color: #03582e;
}
.header-bottom {
    background-color: #357958;
}
.header-main .nav > li > a {
    line-height: 16px;
}
.stuck .header-main .nav > li > a {
    line-height: 50px;
}
.header-bottom-nav > li > a {
    line-height: 26px;
}
@media (max-width: 549px) {
    .header-main {
        height: 68px;
    }
    #logo img {
        max-height: 68px;
    }
}
li.has-dropdown.current-dropdown:before {
	opacity: 1;
    transition: opacity .25s;
}
li.has-dropdown:before {
    border-bottom-color: #ffffff;
}
.nav .nav-dropdown {
    border-color: #ffffff;
}
.nav-dropdown {
    border-radius: 5px;
}
.nav-dropdown {
    font-size: 100%;
}
li.has-dropdown:after {
    border-bottom-color: #357958;
}
.nav .nav-dropdown {
    background-color: #357958;
}
.header-top {
    background-color: #357958 !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: #03582e;
} /* Color !important */
[data-text-color="primary"] {
    color: #03582e !important;
} /* Background Color */
[data-text-bg="primary"] {
    background-color: #03582e;
} /* 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: #03582e;
} /* 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: #03582e;
}
.nav-tabs > li.active > a {
    border-top-color: #03582e;
}
.widget_shopping_cart_content .blockUI.blockOverlay:before {
    border-left-color: #03582e;
}
.woocommerce-checkout-review-order .blockUI.blockOverlay:before {
    border-left-color: #03582e;
} /* Fill */
.slider .flickity-prev-next-button:hover svg,
.slider .flickity-prev-next-button:hover .arrow {
    fill: #03582e;
} /* 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 {
    background-color: #faa61f;
}
[data-text-bg="secondary"] {
    background-color: #faa61f;
} /* 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: #faa61f;
} /* Color !important */
[data-text-color="secondary"] {
    color: #faa61f !important;
} /* Border */
.secondary.is-outline:hover {
    border-color: #faa61f;
}
body {
    font-size: 100%;
}
@media screen and (max-width: 549px) {
    body {
        font-size: 100%;
    }
}
body {
    font-family: "Roboto Condensed", sans-serif;
}
body {
    font-weight: 0;
}
.nav > li > a {
    font-family: "Roboto Condensed", sans-serif;
}
.nav > li > a {
    font-weight: 700;
}
h1,
h2,
h3,
h4,
h5,
h6,
.heading-font,
.off-canvas-center .nav-sidebar.nav-vertical > li > a {
    font-family: "Roboto Condensed", sans-serif;
}
h1,
h2,
h3,
h4,
h5,
h6,
.heading-font,
.banner h1,
.banner h2 {
    font-weight: 700;
}
.alt-font {
    font-family: "Roboto Condensed", sans-serif;
}
.alt-font {
    font-weight: 0 !important;
}
a:hover {
    color: #007939;
}
.tagcloud a:hover {
    border-color: #007939;
    background-color: #007939;
}
@media screen and (min-width: 550px) {
    .products .box-vertical .box-image {
        min-width: 600px !important;
        width: 600px !important;
    }
}
.footer-1 {
    background-color: #ffffff;
}
.footer-2 {
    background-color: rgba(3, 88, 46, 0.78);
}
.absolute-footer,
html {
    background-color: #357958;
}
.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";
}
.wp-singular .wp-block-embed-youtube div{
    osition: relative;
    width: 100%;
    padding-bottom: 56.25%; 
    height: 0;
}
.wp-singular iframe[src*="youtube.com"] {
    /* position: absolute; */
    top: 0;
    left: 0;
    width: 100%;
/* height: 100%; */
    border: 0;
}
.html_after_addtocart {
	background-color: #fff1dd; 
	padding: 8px; 
	border: 1px dotted red; 
	font-size: 19px;
}
.html_after_addtocart {
	background-color: #fff1dd; 
	padding: 8px; 
	border: 1px dotted red; 
	font-size: 19px;
}
.html_after_addtocart p{
	margin: 0;
}
.home .box-image img ,
.shop-container .box-image img ,
.single-san-pham .box-image img {
	height: 275px;
	object-fit: cover;
}






.ppocta-ft-fix {
    position: fixed;
    bottom: 65px;
    right: 16px;
    width: 50px;
    text-align: center;
    z-index: 9999;
}
.ppocta-ft-fix > div {
    margin-bottom: 15px;
}
#callNowButton .txt {
    display: none;
}
#callNowButton {
    display: inline-block;
    position: relative;
    border-radius: 50%;
    color: #fff;
    width: 50px;
    height: 50px;
    line-height: 50px;
    box-shadow: 0 0 10px -2px rgba(0, 0, 0, 0.7);
}

#callNowButton i {
    border-radius: 50%;
    display: inline-block;
    width: 50px;
    height: 50px;
    background: url("./assets/images/callbutton.png") center center no-repeat #090;
}

#callNowButton a {
    display: block;
    text-decoration: none;
    outline: 0;
    color: #fff;
    text-align: center;
}

#callNowButton a.txt {
    position: absolute;
    top: -40px;
    left: calc(50% - 60px);
    background: #090;
    width: 120px;
    max-width: 120px;
    line-height: 2;
    text-transform: uppercase;
    border-radius: 5px;
    font-size: 15px;
}

#callNowButton a.txt:after {
    position: absolute;
    bottom: -8px;
    left: 50px;
    content: "";
    width: 0;
    height: 0;
    border-top: 8px solid #090;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
}

#zaloButton {
    display: block;
    margin-right: 10px;
    width: 50px;
    height: 50px;
    background: #5ac5ef;
    border-radius: 50%;
    box-shadow: 0 0 10px -2px rgba(0, 0, 0, 0.7);
}

#zaloButton > a > i {
    background: url("./assets/images/zalo.png") center center no-repeat;
    background-size: 57%;
    width: 50px;
    height: 50px;
    display: block;
}

#messengerButton {
    display: block;
    margin-right: 10px;
    width: 50px;
    height: 50px;
    background: #4267b2;
    border-radius: 50%;
    box-shadow: 0 0 10px -2px rgba(0, 0, 0, 0.7);
}

#messengerButton > a > i {
    background: url("./assets/images/messenger.png") center center no-repeat;
    background-size: 57%;
    width: 50px;
    height: 50px;
    display: block;
}

@media (max-width: 600px) {
    .ppocta-ft-fix {
        display: block;
    }
}

.text-white strong,
.text-white span,
.text-white p{
    color: #fcfafa;
}

.img-z {
    min-height: 400px;
    height: 100%;
}
.effect {
  animation: blink-yellow 1s infinite;
}

@keyframes blink-yellow {
  0%   { background-color: transparent; }
  50%  { background-color: yellow; }
  100% { background-color: transparent; }
}

.nav>li {
    padding: 0 10px;
}