/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/
@font-face{
    font-family:"Inter";
    font-weight:normal;
    font-style:normal;
    src:url("./fonts/Inter/Inter-Regular.ttf") format("truetype");
    font-display:swap
}
@font-face{
    font-family:"Inter";
    font-weight:bold;
    font-style:normal;
    src:url("./fonts/Inter/Inter-Bold.ttf") format("truetype");
    font-display:swap
}
@font-face{
    font-family:"Inter";
    font-weight:normal;
    font-style:italic;
    src:url("./fonts/Inter/Inter-Italic.ttf") format("truetype");
    font-display:swap
}

@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/


}
/*---------global-----------*/
html{overflow-x:hidden}
body{overflow-x:hidden;font-family:"Inter"}
/*---căn đều sẳn phẩm---*/
.has-shadow>.col>.col-inner {
    height: 100%;
}
.flickity-viewport .col.is-selected {
    height: 100%;
}
.flickity-viewport .col-inner {
    height: 100%;
}
.product-small.box.has-hover.box-normal.box-text-bottom {
    height: 100%;
}
/*---giới hạn chữ tên sản phẩm---*/
p.name.product-title a{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    height: 2.6em;
    margin-bottom: 0.8em;
		font-weight: 700;
}
/*---style product price---*/
.price-wrapper{
    display: table; 
}
.product-summary .price-wrapper{
		margin-bottom: 1em;
}
.price-wrapper .price{
    height: 1.3em;
    display: table-cell;
    vertical-align:middle;
    text-align: center;
    line-height: 120%;
}
.product-short-description {
    padding-bottom: 0.5em;
}
.product-small.box {
    border-radius: 15px;
    box-shadow: 0 1px 2px 0 rgba(60,64,67,.1), 0 2px 6px 2px rgba(60,64,67,.15);
}

.product-small.box .box-image ,.product-small.box img {
    border-radius: 15px 15px 0 0;
}

.add-to-cart-button a {
    border: 1px solid currentColor !important;
    border-radius: 5px !important;
}

@media screen and ( max-width: 549px) {
    .add_to_cart_button {
        font-size: 10px!important;
    }
}

@media screen and ( max-width: 389px) {
    .add_to_cart_button {
        font-size: 8px!important;
    }
}

/*header*/
.header-main .nav > li > a {  
    padding: 7px 15px;
    border-radius: 5px;
} 
.header-nav.header-nav-main.nav-left .current-dropdown .nav-dropdown {
    display: flex;
    flex-wrap: wrap;
    padding: 0;
    min-height: auto!important;
}
.header-nav.header-nav-main.nav-left .current-dropdown .nav-dropdown a{
    text-transform: unset;
    font-size: 0.8em;
    padding:14px 20px;
}
.header-nav.header-nav-main.nav-left  .current-dropdown .nav-dropdown li {
    width: 100%;
    padding: 0px 0px;
    border-top: 1px solid #e6e6e6;
    min-width: 200px;
    margin-top:0;
}
.nav.header-nav li.has-dropdown:hover>.nav-dropdown, .no-js li.has-dropdown:hover>.nav-dropdown, li.current-dropdown>.nav-dropdown{
        -webkit-animation: scale-in-ver-top 0.5s cubic-bezier(0.250,0.460,0.450,0.940) both;
    animation: scale-in-ver-top 0.5s cubic-bezier(0.250,0.460,0.450,0.940) both;
}
.header-nav.header-nav-main.nav-left .current-dropdown .nav-dropdown li ul.sub-menu {
    display: none!important;
}

.header-nav.header-nav-main.nav-left .current-dropdown .nav-dropdown li:first-child {
    border-top: unset;
}

.header-nav.header-nav-main.nav-left .current-dropdown .nav-dropdown li:hover > ul.sub-menu {
    display: block!important;
    position: absolute;
    left: 100%;
    background: #fff;
    top: 0;
    box-shadow: 1px 1px 15px rgba(0,0,0,.15);
}

.header-nav.header-nav-main.nav-left .current-dropdown .nav-dropdown li.menu-item-has-children:after {
    position: absolute;
    content: "\f105";
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 5%;
    font-family: fontAwesome;
    color: #444;
}

.header-nav.header-nav-main.nav-left .current-dropdown .nav-dropdown li.menu-item-has-children {
    position: relative;
}
 

.header-nav.header-nav-main.nav-left .current-dropdown .nav-dropdown li:hover>a{
    background: var(--primary-color);
    color: #fff;
}

.header-nav.header-nav-main.nav-left .current-dropdown .nav-dropdown li:hover:after {
    color: #fff;
} 
.header-nav.header-nav-main.nav-left .current-dropdown .nav-dropdown li a{
    border-radius:0px;
    color:#444;
    font-weight: bold;

}
.header-nav-main.nav-right {
    flex-wrap: nowrap;
}
/*---style related product---*/
.related.related-products-wrapper.product-section {
		padding-top: 2em;
    padding-bottom: 2em;
}
.related.related-products-wrapper.product-section h3 {
    text-align: center;
}
.related-products-wrapper .product-small.box {
    background-color: #fff;
		border: 2px solid #ddd;
}
ul.header-nav.header-nav-main.nav.nav-left.nav-box.nav-size-large.nav-spacing-large {
    display: flex;
    justify-content: center;
} 
#search-lightbox input#woocommerce-product-search-field-0::placeholder {
    color: #fff!important;
}

#search-lightbox input#woocommerce-product-search-field-0 {
    color: #fff!important;
}

#search-lightbox.dark form button.ux-search-submit i {
    color: #fff!important;
}
.related-products-wrapper .box-text.box-text-products {
    padding: 15px;
}
.slider-nav-reveal .flickity-prev-next-button:hover, .slider-nav-reveal .flickity-prev-next-button {
    width: 30px;
    top: -2px;
    bottom: 0;
    height: 100%;
    background-color: rgba(255, 255, 255, 0);
    box-shadow: 0 -150px 15px 0 rgba(0,0,0,0);
    margin: 0 !important;
}
/*---end style related product---*/

/*-style tiêu đề bài viết trước sau-*/
.nav-previous,
.nav-next {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    height: auto;
}
/*---style giới hạn chữ bài viết---*/
.blog-archive h5.post-title.is-large {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    height: 2.6em;
}
.blog-archive p.from_the_blog_excerpt {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    height: 3em;
}

/*---style shop and product sidebar---*/

#shop-sidebar aside,
#product-sidebar aside,
.post-sidebar aside {
    background-color: #fff;
background: var(--primary-color)!important;
    border-radius: 15px;
}
.widget.widget_search{
	padding: 30px 0 0 0;
	border: 0px solid #eee;
}
#shop-sidebar .widget-title,
#product-sidebar .widget-title,
.post-sidebar .widget-title {
	padding: 15px 20px;
	color: #fff;
        display: block;
}
#shop-sidebar ul,
#product-sidebar ul,
.post-sidebar ul {
    font-size: 14px;
		font-weight: bold;
    border: 1px solid #ddd;
    border-radius: 0px;
    padding: 0;
    background-color: #fff;
}
#shop-sidebar ul li,
#product-sidebar ul li,
.post-sidebar ul li {
    padding: 5px 20px;
}
#shop-sidebar ul li:nth-child(odd),
#product-sidebar ul li:nth-child(odd),
.post-sidebar ul li:nth-child(odd) {
    background-color: #f8f8f8;
}

#shop-sidebar ul.product_list_widget li,
#product-sidebar ul.product_list_widget li {
    list-style: none;
    padding: 15px 10px 15px 90px;
    min-height: 80px;
    position: relative;
    overflow: hidden;
    vertical-align: top;
    line-height: 1.33;
}
#shop-sidebar ul.product_list_widget li img,
#product-sidebar ul.product_list_widget li img  {
    top: 10px;
    position: absolute;
    left: 20px;
    width: 60px;
    height: 60px;
    margin-bottom: 5px;
    object-fit: cover;
    object-position: 50% 50%;
}
#shop-sidebar ul li+li,
#product-sidebar ul li+li,
.post-sidebar ul li+li {
    border-top: 1px solid #ececec;
}
#shop-sidebar .is-divider,
#product-sidebar .is-divider,
.post-sidebar .is-divider {
	height: 1.5px;
    display: block;
    background-color: rgba(0,0,0,0.1);
    margin: 20px 0 0 0;
    width: 100%;
    max-width: 100%;
}
#shop-sidebar ul.product_list_widget li a:not(.remove),
#product-sidebar ul.product_list_widget li a:not(.remove) {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    height: 1.3em;
}
#shop-sidebar .recent-blog-posts a,
#product-sidebar .recent-blog-posts a,
.post-sidebar .recent-blog-posts a {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    height: 2.3em;
    color: #444;
}
#shop-sidebar span.post_comments.op-7.block.is-xsmall,
#product-sidebar span.post_comments.op-7.block.is-xsmall,
#product-sidebar span.post_comments.oppercase.op-7.block.is-xsmall,
.post-sidebar span.post_comments.op-7.block.is-xsmall {
    display: none;
}
.post-sidebar .widget.widget_search {
    padding: 0px 0 0 0;
    border: 0px solid #eee;
}
.post-sidebar input.search-field.mb-0 {
    height: 45px;
    border-radius: 5px 0 0 5px;
}
.post-sidebar button.ux-search-submit.submit-button.secondary.button.icon.mb-0 {
    width: 45px;
    height: 45px;
    border-radius: 0 5px 5px 0;
}

#shop-sidebar .price_slider_wrapper {
    padding: 30px 15px 15px 15px;
    font-size: 0.8em;
}

#shop-sidebar .star-rating,
#product-sidebar .star-rating {
		display: none;
}

#shop-sidebar .is-divider, #product-sidebar .is-divider, .post-sidebar .is-divider {
    display: none;
}
/*---style filter in sidebar---*/
ul.woocommerce-widget-layered-nav-list {
    max-height: 300px;
    overflow: auto;
    padding-right: 20px;
}
ul.product_list_widget {
    font-size: 14px;
}
/*---end style filter in sidebar---*/

/*---end style shop and product sidebar---*/

/*---style tab in product---*/
.product-footer .tabbed-content .nav-pills>li>a {
padding: 0.3em 1.2em;
    border-radius: 0px;
    line-height: 2.5em;
    border: 1px solid #ddd;
    background-color: #eee;
    margin-right: 2px;
    border-radius: 10px;
}
.product-footer .tabbed-content .nav-pills>li.active>a {
		background-color: var(--primary-color);
}
.product-footer .tabbed-content .nav-pills>li:hover>a {
    background-color: var(--primary-color);
    color: #fff;
}

.mfp-content {
    min-width: 320px !important;
}

/*---z-index sidebar mobile---*/
.mfp-wrap {
		z-index: 900001;
}
.f {
font-family: 'Prompt', sans-serif;
}
h3.move {
    padding-left : 15px
}
/*--------end global--------*/


/*---------header-----------*/
/*---style mona_html---*/
.mona_html {
    font-size: 14px;
}
.mona_html:before {
    content: "";
    font-family: FontAwesome;
    font-size: 22px;
    display: inline-block;
    vertical-align: middle;
    margin: 0 10px 0 0;
    color: #333;
}
.mona_html.showroom:before {
    content: "\f015";
}
.mona_html.hotline:before {
		width: 1.5em;
		height: 1.5em;
    content: "";
		background: transparent url('/wp-content/uploads/2018/07/customer-service.svg') no-repeat;
    background-size: 1.5em 1.5em;
    animation-name: tada;
    animation-duration: 3s;
    animation-iteration-count: infinite;
}
.mona_html a {
		color: #333;
		font-weight: 700;
}
.header-main .nav > li:hover > a,
.header-main .nav > li.current-menu-item > a,
.header-main .nav > li.current-menu-parent > a,
.header-main .nav > li.current-post-parent > a,
.header-main .nav > li.current-product-parent > a,
.header-main .nav > li.current_page_parent > a,
.header-main .nav > li.current-product-ancestor > a {
    color: #fff!important;
		border-radius : 5px;
		background : var(--primary-color);
}
.header-main .nav > li > a {
		font-weight : 700;
		padding : 10px;
}
.header-main .nav-left {
    justify-content: left;
}
.stuck .header-main .nav > li > a {
    line-height: 15px;
}
.header-main .flex-col.flex-left.flex-grow {
    padding-left : 50px;
}
/*--------end header--------*/


/*---------content-----------*/
/*-----style contact form-----*/
.form-ct {
    width: 780px;
    margin: 0 auto;
    max-width: 100%;
}
.form-ct .form-row {
    padding: 5px;
    float: left;
    width: 100%;
    margin-bottom: 0;
}
.form-ct .form-row.w50 {
    width: 50%;
}
.form-ct input,
.form-ct textarea{
    margin-bottom: 0;
		box-shadow: inset 0 1px 2px rgba(0,0,0,0);
}
.form-ct .center-txt {
    text-align: center;
}
.form-ct .center-txt input{
    min-width: 50%;
}
.form-ct .wpcf7-form-control:focus {
    border-color: #f8b742;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(248, 183, 66, 0.6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(248, 183, 66, 0.6);
}
/*---end style contact form---*/

/*---style mona_title---*/
.mona_title {
    font-size: 1.8em;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    line-height: 1.3em;
    position: relative;
    margin: 0;
    margin-bottom: 0.5em;
    padding-bottom: 1.5em;
    color: var(--primary-color);
}
.mona_title:before {
    position: absolute;
    bottom: 0.75rem; 
    content: '';
    left: 50%;
    transform: translateX(-50%);
    width: 50%;
    height: 1px;
    background: linear-gradient(to right,var(--primary-color) 0%,var(--primary-color) 40%,rgba(255,255,255,0) 40%,rgba(255,255,255,0) 58%,var(--primary-color) 58%)
}
.mona_title:after {
content: "";
    position: absolute;
    bottom: 0px;
    left: 50%;
    -webkit-transform: translateX(-60%);
    transform: translateX(-60%);
    width: 1.5em;
    height: 1.5em;
    background: transparent url(/wp-content/uploads/2023/10/icon-line-red.png) no-repeat;
    background-size: contain;
}
.mona-title-1.mona_title:after {
    filter: invert(0) brightness(100);
} 
.mona-title-1.mona_title:before {
   background: linear-gradient(to right,#fff 0%,#fff 40%,rgba(255,255,255,0) 40%,rgba(255,255,255,0) 58%,#fff 58%);

} 

/*----style sec_banner----*/
.sec_banner h1,.sec_banner h3 {
    text-transform: uppercase;
    font-weight: 700;
}
.sec_banner h2 {
    text-transform: uppercase;
    font-size: 50px;
    color: #fff;
    text-shadow: 2px 6px 8px #292929;
    line-height: 1.4;
    margin: 0 0 15px;
    white-space: nowrap;
    font-weight: 400;
}
.sec_banner h1 {
		line-height: 1.2;
}
.sec_banner h3{
    line-height: 1.4;
}
/*-------*/

/*-----style sec product page----*/
 
span.widget-title.shop-sidebar {
    color : #fff !important;
}
#woocommerce_price_filter-2 form {
    background : #fff
}

.sec_slide .icon-box-center .icon-box-img {
    margin: 0px auto 0em;
}
.sec_slide .icon-box .icon-box-text {
    margin-top: 10px;
}

.sec_slide .icon-box-center .icon-box {
    max-height: 135px;
    overflow: hidden;
}
.sec_slide .icon-box-center .icon-box-img img{
    max-height: 100px;
}

a.button.primary {
    font-weight : 100
}

.sec_blog .is-divider {
    margin-left : 0;
}
.time span {
    background :var(--primary-color) !important;
    border-radius : 99px !important;
    padding : 20px !important;
}
.time {
    z-index : 2;
}
.line {
    border-top : 8px solid var(--primary-color);
    padding : 0px;
}
.sec_blog h5.post-title.is-large {
    padding-bottom : 8px;
    font-size : 22px;
}
.sec_client p.lead {
    line-height : 1.6em;
}

/*--------end content--------*/
/*---style sec_news---*/
.sec_news h5.post-title.is-large {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    height: 43px;
    margin-bottom: 10px;
}
.sec_news .row .col .box {
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    overflow: hidden;
    background-color: white;
}
.from_the_blog_excerpt {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-word;
}
.sec_news .row .col .box-text {
    position: static;
}
.sec_news .post-item .cat-label {
    padding: 6px 16px;
    position: absolute;
    top: 5px;
    right: 5px;
    -webkit-transition: all ease-out .3s;
    transition: all ease-out .3s;

}
.sec_news .has-hover:hover .tag-label {
    background: var(--primary-color);
    color: #fff;
}

.sec_news .row .col .box-text .box-text-inner {
    display: flex;
    flex-direction: column;
}
.sec_news .row .col .box-text .box-text-inner .post-meta {
    order: -2;
}

.sec_news .row .col .box-text .box-text-inner .is-divider {
    order: -1;
    margin-bottom: 0.2em;
    margin-top: 0.2em;
}
.navigation-post {
    padding:  0 10px; 
}

.navigation-post a {
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}
.post-item a:hover h5.post-title {
    color: var(--primary-color);
    transition: .2s ease-out all;
} 
.post-item p {
    color: #333;
}

.post-item .post-meta {
    color: #333;
}
.flickity-page-dots .dot.is-selected {
    background: var(--primary-color);
}
@media screen and (min-width:849px){
    .sec_news button.flickity-button.flickity-prev-next-button.previous {
        right: 101%;
    }

    .sec_news button.flickity-button {
        opacity: 1;
    }

    .sec_news button.flickity-button.flickity-prev-next-button.next {
        left: 101%;
    }
}
@media screen and (max-width:549px){
    .sec_news .from_the_blog_excerpt{
        display:none;
    }
    .sec_news h5.post-title.is-large{
        height: 38px;
    }
}
/* sec liên hệ  */
.sec_lien_he .form-ct input, .sec_lien_he .form-ct textarea {
    border-radius: 5px;
}

.wpcf7 form .wpcf7-response-output {
    margin-top: 10px;
}
@media screen and (max-width:549px){
    .sec_lien_he .form-ct .form-row.w50{
        width: 100%;

    }
}
/*---------footer-----------*/
h2.mona_title.mona-title-2:after, 
h2.mona_title.mona-title-2:before {
    display: none;
}

h2.mona_title.mona-title-2 {
    padding-bottom: 0;
    margin-bottom: 0;
}
/**/
.sec_footer p{
    color: #333;
    font-size: 14px;
    margin-bottom: 0.8em;
}
.sec_footer a{
    color: #333;
    font-size: 14px;
}
.sec_footer a:hover{
    color: var(--primary-color) !important;
}
.sec_footer .icon-box-img {
    width: 20px !important;
}

.mona_sidebar_footer ul {
    margin: 0;
}
.mona_sidebar_footer ul li:hover a:after {
		-webkit-animation:spin 1s;
    -moz-animation:spin 1s;
    animation:spin 1s;
		right: 30%;
}
/*@-moz-keyframes spin { 100% { -moz-transform: rotate(180deg); } }
@-webkit-keyframes spin { 100% { -webkit-transform: rotate(180deg); } }
@keyframes spin { 100% { -webkit-transform: rotate(180deg); transform:rotate(180deg); } }
*/
.mona_sidebar_footer ul > li:hover > a,
.mona_sidebar_footer ul > li.current-menu-item > a,
.mona_sidebar_footer ul > li.current-menu-parent > a,
.mona_sidebar_footer ul > li.current-post-parent > a,
.mona_sidebar_footer ul > li.current_page_parent > a,
.mona_sidebar_footer ul > li.current-product-parent > a,
.mona_sidebar_footer ul > li.current-product-ancestor > a {
    color: var(--primary-color);
}
ul.menu>li+li {
		border : none;	
}
/*---style form dang ky---*/
.sec-ft-ct form.wpcf7-form input,.sec-ft-ct form.wpcf7-form textarea {
    background: transparent;
    color: #fff;
    border-radius:5px
}
.sec-ft-ct form.wpcf7-form input::placeholder,.sec-ft-ct form.wpcf7-form textarea::placeholder {
    background: transparent;
    color: #fff;
}
.sec-ft-ct form.wpcf7-form input[type="submit"]{
    background:var(--primary-color);
}

span.wpcf7-spinner {
    position: absolute;
    display: none;
}
.wpcf7 .wpcf7-not-valid-tip{
    font-size:0.75em;
    margin-top:0
}
.sec-ft-ct .wpcf7-form.invalid {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
 
.sec_footer h3 {
    padding: 0 0 10px;
    margin: 0px 0 10px;
    position: relative;
    display: block; 
    font-size: 1.1rem;
    font-weight: 700;
    color: var(--primary-color);
}
.sec_footer h3:before {
    padding: 0;
    margin: 0px;
    position: absolute;
    content: "";
    width: 60px;
    display: block;
    height: 2px;
    background-color: var(--primary-color);
    bottom: -2px;
    left: 0;
}
.sec_footer form.wpcf7-form {
    margin-bottom: 0;
    display: flex; 
    flex-direction: column; 
    align-items: center;
}
.sec_footer .wpcf7 p {
    display: inline-flex;
    margin-bottom:0;
}
.sec_footer input#email-dang-ky {
    height: 40px;
    border-radius: 99px;
    border-right: 0;
    box-shadow: inset 0 1px 2px rgba(0,0,0,0);
}
.sec_footer input#btn-gui {
    height: 40px;
        width: 60px;
    border-radius: 0 3px 3px 0;
}
.mona-hiden{
        display:none !important;
}
.sec_footer #btn-gui-icon {
    width: 60px;
    background-color:transparent;
    border-radius: 99px; 
    height: 38px;
    text-align: center;
    position: absolute;
    right: 0px;
    box-shadow: unset;
    border: unset;
        color: var(--primary-color);
        line-height: 40px;

} 
.sec_footer form.wpcf7-form .loading-spin.centered, .sec_footer form.wpcf7-form .processing:before {
    margin-top: -22px;
}
.sec_footer .menu-menu-product-container {
    color : #a4a4a4
}
.copyright-footer {
    color: #fff;
    font-weight: 700;
}

.foot input#email-dang-ky {
    border-radius : 99px;
    padding : 30px !important;
    width : 425px;
}
.foot input#btn-gui {
    border-radius : 99px;
    height : 62px;
    padding : 0px 30px;
    width : 150px;
    background : #ed6663;
    box-shadow : none;
}
.foot input#btn-gui:hover {
		background : var(--primary-color)
}
.foot .wpcf7-form-control-wrap.email-dang-ky {
    padding : 0 10px;
}
.sec_footer ul.sidebar-wrapper .widget_nav_menu {
    padding: 0;
}
/*--------end footer--------*/

/*---end style mobile mode---*/


.img-radius-10 img, 
.img-radius-10, 
.img-radius-10 .banner-bg {
    border-radius: 10px;}

/*-----style mobile mode-----*/
@media screen and (max-width: 549px){
    .sec-ft-ct form.wpcf7-form .form-row.w50 {
        width: 100%;
    }
    .sec_banner h2 {
        text-transform: uppercase;
        font-size: 20px;
        color: #fff;
        text-shadow: 2px 6px 8px #292929;
        line-height: 1.4;
        margin: 0 0 15px;
        white-space: nowrap;
        font-weight: 400;
    }		
}
@media screen and (max-width:849px){
    .category-filtering.category-filter-row.show-for-medium {
        position: absolute;
        bottom: 5px;
        left: 5%;
    }


}
@media screen and (max-width:549px){
   .shop-page-title form.woocommerce-ordering {
        padding-left: 90px;
    }
}
button.single_add_to_cart_button.button.alt.wp-element-button {
    font-size: .8rem;
    background: var(--primary-color) url(/wp-content/uploads/2023/10/cart.svg) no-repeat 13px center/20px auto;
    position: relative;
    padding: 4px 20px 4px 40px;
    border-radius: 4px;
}
button.is-form.expand.button.wp-element-button {
    text-shadow: unset;
    color: #fff;
    text-transform: uppercase;
    background:var(--primary-color);
}


div#review_form .review-form-inner.has-border ,
div#review_form .review-form-inner.has-border form input,
.div#review_form .review-form-inner.has-border form textarea {
    border-radius: 5px;
}


.navigation-post {
    padding: 0 10px;
}
div#comments form input,div#comments form textarea {
    border-radius: 5px;
    outline: unset;
}

#search-lightbox.dark form button.ux-search-submit i {
    color: #000!important;
    font-size: 1.3rem;
}


#search-lightbox.dark form input[type="search"].search-field::placeholder {
    color: #000!important;
}
@media screen and (max-width:849px){
    #search-lightbox.dark form .live-search-results .autocomplete-suggestion, #search-lightbox.dark form .live-search-results .autocomplete-suggestion .search-price {
        font-size: 14px;
        font-weight: 700;  
    }
    #search-lightbox.dark form .live-search-results .autocomplete-suggestion {
        display: flex;
        align-items: flex-start; 

    }
}

.badge-container {
    margin-top: 5px!important;
    margin-left: 5px!important;
}
.badge-inner.secondary.on-sale {
    background-image: linear-gradient(-90deg, #ff1313 0%, #ffbf61 100%);
    border-radius: 10px;
    font-size: 14px;
    padding-right: 10px;
    min-width: auto;
    width: auto!important;
        padding-left: 5px;
}
.badge-inner.secondary.on-sale:before {
    content: "";
    display: inline-block;
    background: url(/wp-content/uploads/2023/10/flash.png);
    background-size: 50% 50%;
    width: 20px;
    height: 20px;
    background-repeat: no-repeat;
    background-position: center center;
    background-color: #f13500;
    border-radius: 50%;
    vertical-align: middle;
    margin-right: 5px;
}


.badge-container {
    margin: 0;
}
.badge.on-sale {
    height: 1.8em;
    margin-left: 0!important;
} 
.badge-container {
    margin-top: 5px!important;
    margin-left: 5px!important;
}
.woocommerce-ordering, .woocommerce-ordering select {
    border-radius: 10px;
}
.single.single-product .product-info.summary .product-title {
    font-size: 25px;
    padding-bottom: 15px;
    margin-bottom: 15px;
    color: var(--primary-color);
    text-transform: uppercase;
    border-bottom: 1px solid #e5e5e5;
    font-weight: 700;
}
.single.single-product .product-info.summary .price-wrapper {
    display: none;
}
.single.single-product .product-images .woocommerce-product-gallery__image img {
    height: 450px;
    object-fit: contain; 
}
.single.single-product .product .product-thumbnails .col.is-selected a { 
    border: 2px solid var(--primary-color);

} 
.single.single-product .product-thumbnails .is-nav-selected a img, .product-thumbnails a:hover img {       
    transform: translateY(0); 
    width:100%;

}
.single.single-product .product .product-thumbnails .col img {
    width: 100%;
    object-fit: contain;
   
}
.single.single-product .product .product-thumbnails{
 margin: 0 60px!important;
 padding-top:20px;
 border-top:1px solid #d8d8d8;
}

.single.single-product .product-gallery  button.flickity-button {
    opacity: 1;
    transform: translateX(0)!important;
}
.single.single-product .product-thumbnails .flickity-prev-next-button.previous {
    left: -6%; 
}
.single.single-product .product-thumbnails .flickity-prev-next-button.next{
        right: -6%;
}
.single.single-product .product-gallery button.flickity-button svg {
    font-size: 12px;
    width: 35px;
    height: 35px;
    background-color: #fff;
    border: 1px solid var(--primary-color)!important;
    border-radius: 50%;
}
.single.single-product .product-gallery .product-thumbnails a:after {
    content: ''!important;
    width: 100%;
    height: 100%;
    background: rgb(51 51 51 / 30%);
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
}

.single.single-product .product-gallery .product-thumbnails .col.is-selected a:after,
.single.single-product .product-gallery .product-thumbnails .col:hover a:after {
    background: 0 0;
}
a.button.primary.prod_woo_tel{
        padding: 0px 25px;
}
@media screen and (max-width:549px){
    .single.single-product .product-info.summary .product-title{
        font-size:22px;
        margin-top:20px;
    }
    .single.single-product .product .product-thumbnails{
         margin: 0 30px!important;
    }
     .single.single-product .product-thumbnails button.flickity-button{
        width: 25px!important;

     }
    .single.single-product .product-thumbnails button.flickity-button svg{
        width: 25px;
        height: 25px;
    }
    a.button.primary.prod_woo_tel{
        width: 100%;
    }
    .ft-logo {
        margin: auto;
    }
}
a.primary.is-small.mb-0.button.wp-element-button.product_type_simple.add_to_cart_button.ajax_add_to_cart.is-flat {
    font-weight: 700;
}
.mobile-sidebar .sidebar-menu li.menu-item.menu-item-type-post_type.menu-item-object-page.menu-item-has-children>ul>li>a {
        color: #000;
    font-size: .8em;
    font-weight: bolder;
    text-transform: uppercase;
}

/* contact us */
.contact-us-avt img{
    border-radius: 50%;
}

.contact-us-avt .col-inner {
    display: flex; 
    justify-content: center;
}

/* Product */
@media (min-width: 850px) {
    .category-page-row {
        max-width: 90% !important;
        justify-content: center;
    }
}

.category-page-row .large-3 {
    max-width: 17%;
}

.category-page-row .large-9 {
    max-width: 83%;
}

@media (max-width: 1350px) {
    .category-page-row .large-3 {
        max-width: 20%;
    }
    
    .category-page-row .large-9 {
        max-width: 80%;
    }
}

@media (max-width: 1262px) {
    .category-page-row .large-3 {
        max-width: 25%;
    }
    
    .category-page-row .large-9 {
        max-width: 85%;
    }
}

@media (max-width: 849px) {
    .category-page-row .large-9 {
        max-width: 100%;
    }
}

.menu-item.menu-item-type-taxonomy.menu-item-object-product_cat {
    padding: 0px !important;
}

.menu-item.menu-item-type-taxonomy.menu-item-object-product_cat:hover {
    background-color: #ebebeb !important;
}

.menu-item.menu-item-type-taxonomy.menu-item-object-product_cat a {
    width: 100%;
    padding: 11px 20px;
}

.menu-item.menu-item-type-taxonomy.menu-item-object-product_cat .sub-menu a {
    padding-left: 35px;
}

.widget_products li:hover a {
    color: #a70e13;
}

.widget_products li:hover {
    background-color: #ebebeb !important;
    cursor: pointer;
}

.products.row.row-small.large-columns-6.medium-columns-3.small-columns-2 .type-product:hover a {
    color: #a70e13;
}

.products.row.row-small.large-columns-6.medium-columns-3.small-columns-2 .type-product:hover {
    cursor: pointer;
}

/* footer product */
.mona-footer-product .menu-item.menu-item-type-taxonomy.menu-item-object-product_cat a{
    padding: 6px 0 !important;
    width: auto !important;
}

.mona-footer-product .menu-item.menu-item-type-taxonomy.menu-item-object-product_cat:hover {
    background: transparent !important;
}

/* about us sunrise ins ltd */
.about-us-sunrise-ins-ltd {
    padding-bottom: 0 !important;
}

/* next prev product */
.product-info.summary.col-fit.col.entry-summary.product-summary .show-for-medium, [data-show=show-for-medium] {
    display: block !important;
}

/* main product icon */
@media (max-width: 1024px) {
    .mona_title:before {
        background: linear-gradient(to right,var(--primary-color) 0%,var(--primary-color) 33%,rgba(255,255,255,0) 33%,rgba(255,255,255,0) 63%,var(--primary-color) 63%);
    }

    .mona-title-1.mona_title:before {
        background: linear-gradient(to right,#fff 0%,#fff 32%,rgba(255,255,255,0) 33%,rgba(255,255,255,0) 63%,#fff 64%);
    }
    
}

/* slider home product */
.mona-slider-home-product img {
    height: 100px;
}

.mona-slider-home-product .row.align-bottom.align-center {
    display: flex;
    align-items: flex-start !important;
}

.mona-slider-home-product .flickity-slider {
    left: -7px !important;
}

/* prev - next home new product */
@media (max-width: 1300px) {
    .sec_news button.flickity-button.flickity-prev-next-button.previous{
        right: 99%;
    }
    .sec_news button.flickity-button.flickity-prev-next-button.next {
        left: 99%;
    }
}

@media (max-width:1250px) {
    .sec_news button.flickity-button.flickity-prev-next-button.previous{
        right: 98%;
    }
    .sec_news button.flickity-button.flickity-prev-next-button.next {
        left: 98%;
    }
}

@media (max-width:876px) {
    .sec_news button.flickity-button.flickity-prev-next-button.previous{
        right: 97%;
        left: auto;
    }
    .sec_news button.flickity-button.flickity-prev-next-button.next {
        left: 97%;
    }
}
 
/*---end style mobile mode---*/
/*amination*/
@keyframes scale-in-ver-top{
    0% {
    -webkit-transform: scaleY(0);
        transform: scaleY(0);
        -webkit-transform-origin: 100% 0%;
        transform-origin: 100% 0%;
        opacity: 1;
    }100% {
        -webkit-transform: scaleY(1);
        transform: scaleY(1);
        -webkit-transform-origin: 100% 0%;
        transform-origin: 100% 0%;
        opacity: 1;
    }
}
@-webkit-keyframes scale-in-ver-top{
    0% {
    -webkit-transform: scaleY(0);
        transform: scaleY(0);
        -webkit-transform-origin: 100% 0%;
        transform-origin: 100% 0%;
        opacity: 1;
    }100% {
        -webkit-transform: scaleY(1);
        transform: scaleY(1);
        -webkit-transform-origin: 100% 0%;
        transform-origin: 100% 0%;
        opacity: 1;
    }
}

.pswp__caption {
    display: none !important;
}

/* Footer QR */
@media (max-width: 849px) {
    .footer-qr>div.col-inner {
        display: flex;
        justify-content: space-around; 
    }
}

/* Button whatsapp */
.joinchat__button {
    border-radius: 5px;
}

/* category product */
.mona-category-product>div.col-inner {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.mona-img-category-product .image-zoom {
    border-radius: 15px;
}

.text-decoration-product {
    text-transform: uppercase;
}

.mona-btn-category-product {
    display: none;
}

.mona-section-category-product {
    margin-top: 60px;
}

@media (max-width: 849px) {
    .mona-footer-social-icon {
        display: flex;
        justify-content: center;
    }
}