/*
Theme Name: Hair Child
Description: This is a child theme for messihair.com
Author: messihair.com
Template: bt
Version: 3.0
*/
body {color: #282828;}
p#billing_country_field,
p#billing_city_field{
    display: none!important;
}
textarea#billing_address_1 {
    min-width: 600px;
}
.message-container.container.alert-color.medium-text-center {
    font-size: 30px;
    background-color: #f0f0f1;
    padding: 30px;
    text-align: center;
}
form.checkout h3 {
    font-size: 1.1em;
    overflow: hidden;
    padding-top: 10px;
    font-weight: bolder;
    text-transform: uppercase;
    display: none;
}
.avwp-av img {
  margin-bottom: 12px;
  max-width: 180px;
}
.avwp-av h2 
{
  font-size: 22px !important;
}
.avwp-av button.yes {
  margin: 0 auto !important;
  display: block;
}
.avwp-av p {
  margin: 20px 0 0 0 !important;
}
.avwp-av button.no {
  background: #fff !important;
  margin: 20px auto !important;
  color: #c83063 !important;
  border: solid 1px #c83063 !important;
}
.nav-dropdown
.nav-dropdown {
    min-width: 720px;
}
.banner h1,
.banner h2 {
    text-shadow: 1px 1px #ffff;
}
.form-submit input#submit {
    color: #2e2e2e;
}
a.button.white.is-outline {
    background-color: #c83064 !important;
    border-color: #c83064 !important;
}
a.button.white.is-outline span {
    color: #fff;
}
.alert.is-underline:hover, .alert.is-outline:hover, .alert {
    background-color: rgb(245 149 39);
}
.alert.is-underline:hover, .alert.is-outline:hover, .alert {
    background-color: rgb(245 149 39);
}
.button span {
    display: inline-block;
    line-height: 1.6;
    color: #3a3a3a;
}
.top-bar-nav>li>a {
    line-height: 16px;
    color: #1e1c1c !important;
}
.header-bottom-nav>li>a {
    line-height: 25px;
    color: #fff !important;
}
.ruouvang
{
        list-style:none;
}
.khovangbreadcrumb
{
        margin:10px 0 0;
        padding: 10px;
}
.icon-vang
{
        display: inline-block;
    width: 24px;
    height: 24px;
    flex-shrink: 0;
        margin-left:-30px;
        margin-right:10px;
        fill:#c83064;
}
.cs-productdetail .product-info .cs-titlepro
{
margin-bottom: 10px;
font-size: 25px !important;
font-weight: 700 !important;
line-height: 35px !important;
margin-top: 0px;
}
.cs-productdetail {
    float:left;
    width:100%;
    border:2px solid #007d3f;
    padding:15px 20px 15px 2px!important;
    margin-bottom:25px;
    border-radius:10px
}
.cs-productdetail .cs-product-info {
    padding:0!important
}
.cs-productdetail .cs-product-gallery img {
    border:0px solid #ccc
}
.cs-productdetail .cs-product-info .product-short-description {
    overflow:hidden;
    display:-webkit-box;
    -webkit-line-clamp:4;
    -webkit-box-orient:vertical;
    text-overflow:ellipsis;
    font-style:italic;
    margin-top:14px!important;
    margin-bottom:20px
}
.cs-productdetail .cs-product-info .cs-buynow {
    border:2px solid #ee402f;
    border-radius:3px;
    background-color:#db261b;
    color:#fff!important;
    padding:5px 15px 5px 20px
}
.cs-productdetail .cs-product-info .cs-titlepro {
    color:#db261b;
    font-size:28px!important;
    font-weight:700!important;
    line-height:32px!important;
    margin-top:15px;
    margin-bottom:15px
}
.cs-productdetail .cs-product-info span.amount {
    white-space:nowrap;
    color:#fc0000;
    font-weight:700
}
@media (min-width:767px) {
    .cs-productdetail .cs-product-gallery,
    .cs-productdetail .product-info {
        float:left
    }
}
ul.product_list_widget li a span {
    font-size: 11px;
    padding-top: 10px;
}
.alm-toc button {
    display: none;
}
.woocommerce-review__dash {
    display: none;
}
.Qz2YAgND2uME5MR2jgTDYM5zZjNMlmN {
  display: none !important;
}
.product-thumbnails img, .product-gallery-slider img {
    width: auto;
    max-height: 600px;
}
/*Co dinh khoang cach ten sp*/
p.name.product-title a {
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
height: 40px; 
}
.header-bottom {
    background-color: #c83064;
}
.nav > li > a {
font-size: 17px;
font-weight: 700;
color: #fff;
}
.nav > li > a:hover,
.nav > li > a:focus {
    font-size: 17px;
    font-weight: 700;
    color: #fff57d !important;
}
@media screen and (min-width: 850px)
{
    .product-gallery-stacked .slide 
    {
        overflow: hidden;
        max-height: 450px;
    }
}
span.widget-title {
    line-height: 1.05;
    letter-spacing: .05em;
    text-transform: uppercase;
    color: #c83064;
}
.nav>li {
    margin: 0 10px;
}
span.header-cart-title {
    font-size: 14px;
}
span+.image-icon {
    margin-left: 10px;
    font-size: 10px;
}
.off-canvas .sidebar-menu {
    padding: 30px 0;
   background-color: #c83064;
}
.off-canvas .nav-vertical li li>a {
    padding-top: 5px;
    padding-bottom: 5px;
    color: #fff;
}
.links>li>a:before, 
i[class^=icon-], 
i[class*=" icon-"] {
    color: #fff;
}

i[class^=icon-tumblr],
i[class^=icon-expand],
i[class^=icon-pinterest],
i[class^=icon-envelop],
i[class^=icon-twitter],
i[class^=icon-whatsapp],
i[class^=icon-facebook] {
    color: #c83064;
}
.image-tools a:last-child {
    margin-bottom: 0;
}
.box-image>a, .box-image>div>a {
    display: block;
}
.grid-tools a {
    background-color: #c83064;
    color: #f1f1f1;
  }
.back-to-top {
    background: #c83064;
}
#top-link:hover {
    background: #446084;
        border: solid 0px #Fff
}
#top-link {
    background: #c83064;
        border: solid 0px #Fff
}
.hotline-messenger-ring-img-circle {
    padding-left: 20px;
}
.datekhuyenmai {
    font-size: 16px;
    color: #c83064;
}
.review-item-label__text {
    min-width: 280px;
}
.links>li>a:before, i[class^=icon-menu], i[class*=" icon-menu"] {
    color: #fff;
}
.ui.comments .comment>.avatar~.content {
    margin-left: 0em;
}
.ui.comments .comment .avatar {
    display: block;
    width: 0em;
    height: auto;
    float: left;
    margin: .2em 0 0;
}
.product-info p.stock {
    margin-bottom: 1em;
    line-height: 1.3;
    font-size: 1.2em;
    font-weight: 700;
    color: #c83064;
}
a {
    color: #c83064;
    text-decoration: none;
}
.feature {
    position: relative;
    overflow: hidden;
}
.feature::before {
    content: "";
    display: block;
    padding-top: 56.25%;
}
.feature .image{
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    background-size: cover;
    background-position: center;
}
ul.row.related-post li {
    list-style: none;
}
.related-post {
   margin-top:20px;
}
.related-title {
    line-height: 1.3 !important;
    margin-top: 10px !important;
}
.entry-meta {
    display: none;
}
.giaohang {
    background-color: #f2efdb;
    padding: 20px 10px;
    line-height: 1.8;
    font-size: 110%;
}
.woo-variation-swatches.wvs-style-squared .variable-items-wrapper .variable-item.button-variable-item {
    width: auto;
    background-color: #c83064;
padding: 15px;
    color: #fff;
    border: 0px solid #fff !important;
}
.woo-variation-swatches .variable-items-wrapper .variable-item:not(.radio-variable-item).selected, .woo-variation-swatches .variable-items-wrapper .variable-item:not(.radio-variable-item).selected:hover {
    box-shadow: none;
    color: #f3ec0e!important;
    background-color: #f69d37!important;
}
.avwp-av button:hover {
    box-sizing: border-box;
    border: 1px solid transparent;
}

.avwp-av button.yes {
    background: #fff!important;
    margin-left: 0;
    margin-right: 1%;
    color: #c83063!important;
    border: solid 1px #c83063!important;
}
.avwp-av button.yes:hover {
    background: #c83063!important;
    color: #fff!important;
    box-sizing: border-box;
}
.avwp-av button.no {
    background: #fff!important;
    margin-left: 0;
    color: #c83063!important;
    margin-right: 1%;
}
.avwp-av button.no:hover {
    background: #c83063!important;
    color: #fff!important;
    box-sizing: border-box;
}
.avwp-av-overlay {
    background: rgba(0,0,0,.6)!important;  
}
.woocommerce-variation-price {
    padding: 20px 0;
}
.woocommerce-variation-price bdi {
    FONT-SIZE: 28px;
    color: #c83064;
}
blockquote {
    border-left: 3px solid #00CC8F;
    color: #1a1a1a;
    font-size: 1.25em;
    font-style: italic;
    line-height: 1.8em;
    margin: 1.1em -4em;
    padding: 1em 2em;
    position: relative;
    transition: .2s border ease-in-out;
    z-index: 0;
}

blockquote:before {
    content: "";
    position: absolute;
    top: 50%;
    left: -4px;
    height: 2em;
    background-color: #fff;
    width: 5px;
    margin-top: -1em;
}

blockquote:after {
    content: "♥";
    position: absolute;
    top: 50%;
    left: -0.5em;
    color: #00CC8F;
    font-family: "Ionicons";
    font-style: normal;
    line-height: 1em;
    text-align: center;
    text-indent: -2px;
    width: 1em;
    margin-top: -0.5em;
    transition: .2s all ease-in-out, .4s transform ease-in-out;
}