/*

Theme Name: Hoangweb

Description: This is a child theme for Flatsome Theme

Author: UX Themes

Template: flatsome

Version: 3.0

*/

@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@200..700&display=swap');
@font-face {
  font-family: SVN-ANDROGYNE;
  src: url(fonts/SVN-ANDROGYNE.TTF);
}

/*************** ADD CUSTOM CSS HERE.   ***************/
.font-oswald {
    font-family: "Oswald", sans-serif;
}
.font-oswald h2 {
    font-family: "Oswald", sans-serif;
}
.font-androgyne {
    font-family: SVN-ANDROGYNE;
}
.font-tahoma {
    font-family: Tahoma, sans-serif;
}
.nav-size-medium>li>a {
    font-size: 16px;
}
.section-title-bold-center span, .section-title-bold span {
    border: 1px solid #c4c4c4;
    font-size: 22px;
    font-weight: 500;
}
.widget_recent_entries ul {
    border: 1px solid #c4c4c4;
}
.widget_recent_entries ul > li {
    padding: 0 10px;
}
ul.menu>li+li, .widget>ul>li+li {
    border-top: 1px solid #c4c4c4;
}
p.address-field {

    width: 100%;

}

.archive #content,.blog-single{

    padding-top: 2px;

}

.entry-content{

    padding-top: 2px;

}

p#breadcrumbs{

    background-color: white;

    padding: 9px;

    color: black;

    padding-left: 30px;

    font-weight: 900;

}

p#breadcrumbs a{

    color: black;

    font-weight: 100;

}

.category .post-item{

   padding-bottom: 16px; 

}

.category .post-item .col-inner{

    border-bottom: 1px solid #eee;

    padding-bottom: 16px;

}

.box-text button.is-link{

        color: white !important;

    background-color: #272668 !important;

    padding: 0px 12px;

}

.woocommerce-breadcrumb{

    padding: 9px;

    background-color: white;

    color: black;

}

.woocommerce-breadcrumb a{

       color: black; 

}

.menu-menu-danh-muc-container li a{

        line-height: 24px;

    padding: 5px 10px;

    background-color: white;

    display: block !important;

    position: relative;

    text-transform: capitalize;

    font-size: 14px;

    font-weight: 100;

        padding: 8px 0;

}

.menu-menu-danh-muc-container li a:hover{

    color: #272668;

    background: inherit;

}

.menu-menu-danh-muc-container button.toggle{

    display: none;

}



.menu-menu-danh-muc-container li a:before{

        display: inline-block;

    font-family: FontAwesome;

    font-style: normal;

    font-weight: normal;

    -webkit-font-smoothing: antialiased;

    -moz-osx-font-smoothing: grayscale;

    content: '\f054';

    margin-left: 7px;

    margin-right: 7px;

    font-size: 10px;

        color: #272668;

    padding-right: 5px;

        padding-left: 7px;

}



.phonering-alo-phone.phonering-alo-green .phonering-alo-ph-img-circle {

    background-color: #c10960;}

.phonering-alo-phone {

    top: unset !important;

    bottom: 0px !important;

    left: 10px;

}

body.boxed {

    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.27);

}

.copyright-footer{

    color: white;

}

.payment-icon{

    opacity: 1 !important

}

.footer h4.footer-title{

        border-bottom: 2px solid #4c75a4;

}

.footer span.widget-title{

        background: #004d85;

    color: white;

    padding: 5px;

}

.box-text .price-wrapper{

    float: left;

}

.box-text .add-to-cart-button{

    text-align: right;

    float: right;

}

.box-text .add-to-cart-button a{

    color: var(--primary-color);

    background-color: white;

    border: 1px solid var(--primary-color);

    padding-top: 2px;

    font-size: 12px;

    font-weight: 100;

    padding-bottom: 2px;

}

.box-text .add-to-cart-button a:after{

    font-size: 15px;

    font-family: fontawesome;

    content: "\f07a";

    font-weight: normal;

    padding-left: 5px;

}

  

#product-sidebar{

    padding-top: 10px;

}

.woocommerce-tabs ul.product-tabs{

        border-bottom: 2px solid #272668;

}

.woocommerce-tabs ul.product-tabs li a:before{

    display: none;

}

.woocommerce-tabs ul.product-tabs li a{

     padding: 5px 11px;

     background: #c9c9c9;

     color: #626262;

     border-top-right-radius: 5px;

     border-top-left-radius: 5px;

}



.woocommerce-tabs ul.product-tabs li.active a{

    background-color: #272668 !important;

    color: white !important; 

   

}

.product-footer .woocommerce-tabs{

    border-top: none;

}

.html_topbar_left span.phone-home{

    font-weight: bold;
    color: #e70012;
    font-size: 16px;

}

.html_topbar_left span.phone-home i{

    font-size: 20px !important;

    color: #e70012 !important;

    position: relative;

    top: 2px;

}

.header-bottom-nav li a i{

        line-height: 3px;

    font-size: 16px;

    padding-right: 3px;

}

.header-bottom-nav .menu-item{

    margin: 0 30px;

    font-size: 17px;

}

.header-bottom-nav {

     margin-left: 35px;

}

.header-bottom-nav .nav-top-link{

    font-weight: 500;

}

.section-title-normal span {

    margin-right: 15px;

    padding-bottom: 7.5px;

    border-bottom: 2px solid #c10960;

    margin-bottom: -2px;

}

#content ul ,#content ol{

    padding: 0px;

}

#text-2 .textwidget{

    padding-top: 6px;

        text-align: center;

    background: #004d85;

}

.box-text .product-title{

    font-size: 14px;

    color: #003471;

    font-weight: bold;

    text-transform: uppercase;

}

.product_list_widget li a{

        font-weight: bold;

    color: #003471;

    font-size: 12px

}

.product_list_widget .woocommerce-Price-amount{

    font-size: 13px;

}

ul.product_list_widget li img{

    width: 60px;

    height: 41px;

}

ul.product_list_widget li{

    min-height: 62px;

}

span.amount{

    color: #c10960

}

.widget_shopping_cart_content li.woocommerce-mini-cart-item a{

        font-weight: bold;

    color: #003471 ;

    font-size: 12px;



}

.widget_shopping_cart_content li.woocommerce-mini-cart-item a.remove_from_cart_button{

    color: red!important;

    border: none !important;

    font-size: 23px !important;

}

.widget_shopping_cart_content .woocommerce-mini-cart__total{

    text-align: left !important;

    font-size: 14px;

}

.widget_shopping_cart_content .woocommerce-mini-cart__total strong{

    color: #4c75a4

}

div.widget_shopping_cart_content{

        border: 3px solid #4c75a4;

    padding: 10px;

}

aside.widget_shopping_cart .wc-forward{

    font-size: 14px;

    background-color: #dad8da !important;

    color: #515151 !important;

    width: 47%;

    margin: 0px 4px;

    padding: 0px !important;

    min-height: 2px !important;

    line-height: 27px;

    width: 46%;

    margin: 0px 4px;

    

}

aside span.widget-title {

    font-size: 15px;

    display: block;

    background-color: #272668;

    color: white;

    border-color: #4c75a4;

    border: 1px solid;

    padding: 12px;

    margin: -1px;

}

.widget .is-divider{

    display: none;

}



.home .section{

    padding-left: 0px !important;

    padding-right: 0px !important;

}



/*Màu sắc button*/

.social-button, .social-icons .button.icon:not(.is-outline), .social-icons .button.icon:hover {

    background-color: currentColor !important;

    border-color: currentColor !important;

}

.button.facebook,.button.facebook:not(.is-outline), .button.facebook:hover {

color: #fff;

    background-color: #446084;

    border-color: #446084;

}

.button.twitter,.button.twitter:not(.is-outline), .button.twitter:hover {

	color: white !important;

   background : #2478ba !important;

    border-color: #2478ba;

}

.button.email,.button.email:not(.is-outline), .button.email:hover {

    color: #fff;

    background-color: black !important;

    border-color: black !important;

}

.button.pinterest,.button.pinterest:not(.is-outline), .button.pinterest:hover {

color: #fff !important;

    background-color: #cb2320  !important;

    border-color: #cb2320  !important;

}



.button.google-plus,.button.google-plus:not(.is-outline), .button.google-plus:hover {

color: #fff !important;

    background-color: #dd4e31 !important;

    border-color: #dd4e31  !important;

}

.button.linkedin,.button.linkedin:not(.is-outline), .button.linkedin:hover {

color: #fff !important;

    background-color: #0072b7 !important;

    border-color: #0072b7     !important;

}



.single-date{

        border-bottom: 1px dashed #ededed;

}

h1.entry-title{

    font-size: 24px !important;

}

/*Kết thúc màu sắc*/







footer.entry-meta {



    border-top: none !important;

    border-bottom: 1px dashed #ececec !important;

    

}



.entry-content img{

	width: auto !important

}

.duong-line {

    background: rgba(0,0,0,0) url(images/line.png) repeat scroll 0 0;

    height: 12px;

    margin-top: 5px;

    overflow: hidden;

}

.related-post h7{

	font-weight: bold;

	    font-size: 18px;

    float: left;

    margin: -8px 20px 0 0;

}

/* ===============widget-area =============== */

.widget-area .searchform .flex-col:not(.flex-grow) {

    position: absolute;

    right: 0;

}

.widget-area .searchform .flex-col:not(.flex-grow) .submit-button {

    background: transparent;

    border: inherit;

}

.widget-area .searchform .flex-col:not(.flex-grow) .submit-button:hover {

    background: transparent;

    box-shadow: inherit;

}

.widget-area .searchform .flex-col:not(.flex-grow) .submit-button i{

        color: #acacac;

}

#nav_menu-2{

      border: 1px solid #ebebeb;

}

/* ==========San Pham============== */

.product-small.box .box-image {

    position: relative;

    height: auto;

    margin: 0 auto;

    overflow: hidden;

    border: 1px solid #ececec;

}

.product-small.box  .product-title{

     color: black;

     height: 25px;

     overflow: hidden;

     text-align: center;

     margin-bottom: 6px;

}

.product-small.box .price {

    display: flex;

    flex-direction: row-reverse;

    justify-content: center;

}

.product-small.box  .woocommerce-Price-amount.amount{

    color: #f52632 !important;

    font-size: 15px;

        padding-right: 5px;



}

.product-small.box .product-title a{

  color: black;

    text-transform: none;

    font-size: 15px;

    font-weight: 100;

    line-height: 25px;

}

.product-small.box  del .woocommerce-Price-amount.amount{

    color: #acacac !important;

    font-size: 13px;

    position: relative; 

    top: 2px;

}

.product-small.box .box-image img {

    max-width: 100%;

    width: 100%;

    transform: translateZ(0);

    margin: 0 auto;

}

/* Chi tiet sanp ham */

.product-info .is-divider{

    display: none;

}

.product-info  .woocommerce-Price-amount.amount{

    color: #f52632 !important;

    font-size: 23px;

        padding-right: 5px;



}

.product-info  del .woocommerce-Price-amount.amount{

    color: #acacac !important;

    font-size: 21px;

    position: relative; 

    top: 2px;

}

.product-info .price {

    display: flex;

    flex-direction: row-reverse;

    justify-content: flex-end;

}

.product-info .product-main {

    padding: 40px 0;

    padding-bottom: 20px;

}

.product-thumbnails .flickity-viewport{

    height: 70px;

}

.product-thumbnails img{

    height: 70px;

    object-fit: cover;

}



/* ===========Blog Post ============== */

.box.box-normal .is-divider{

    display: none;

}

.box.box-normal .post-meta{

    padding: 3px 0;

}

.box.box-normal h5{

    font-size: 15px;

}

.box.box-normal .from_the_blog_excerpt {

    font-size: 13px;

}

.page-wrapper {

    padding-top: 30px;

    padding-bottom: 0px !important;

}

footer .absolute-footer {

    padding-bottom: 0;

}

footer .container.clearfix{

    background: white;

    padding: 30px 16px;

}



/*================PAGE DICH VU============== */

.page-id-132 ul li{

    list-style: none;

}

.page-id-132 ol {

    padding-left:17px !important;

}

/* ===================PAGE Blog post=========== */

.box-vertical.box-blog-post .box-text{

    display: block;

    padding-top: 0;

}

.box-vertical.box-blog-post .box-text h5{

    font-size: 18px;

    margin: 0;

    height: auto;

    overflow: hidden;

    line-height: 25px;

}

.box-vertical.box-blog-post .post-meta{

    font-size: 12px;

}

.box-vertical.box-blog-post .box-text button.is-link {

    color: white !important;

    background-color: #272668 !important;

    padding: 0px 20px;

    font-size: 14px;

}

.box-vertical.box-blog-post .box-text {

    padding-bottom: 0;

}

.box-vertical.box-blog-post .from_the_blog_excerpt{

    height: auto;

} 

@media only screen and (max-width: 48em) {

/*************** ADD MOBILE ONLY CSS HERE  ***************/





}