/*
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.   ***************/
/* var(--primary-color) */
/* h1,h2,h3,h4,h5,h6{font-weight: bold;line-height: normal;font-style: italic;} */

.header-main .nav.nav-left{justify-content: center;text-align: center;}
.header-main .nav.nav-left .uppercase{font-size: 1.3rem;color: #0093dd;}
.stuck .header-main {display: none;}

/* menu */
.nav-spacing-xlarge>li{margin: 0 20px;}
.nav-dropdown-has-border .nav-dropdown{border: 0;}
.nav-dropdown-default .nav-column li>a, .nav-dropdown.nav-dropdown-default>li>a{margin: 0;}
.has-dropdown .icon-angle-down{opacity: 1;}
/* menu */
.title h2{font-size: 30px;position: relative;padding-bottom: 20px;}
.title h2::after{content: '';width: 10px;height: 3px;background-color: var(--primary-color);position: absolute;bottom: 0;left: 0;border-radius: 2px 0 2px 0;}
.title h2::before{content: '';width: 20px;height: 3px;background-color: var(--primary-color);position: absolute;bottom: 0;left: 12px;border-radius: 2px 0 2px 0;}
.title h2 span::after{content: '';width: 50px;height: 3px;background-color: #3f3f3f;position: absolute;bottom: 0;left: 34px;border-radius: 2px 0 2px 0;}
.title h2 span{color: var(--primary-color);}

.home-service{font-style: italic;}
.home-service .title h2::after, .home-service .title h2::before{display: none;}
.home-service .title h3{font-style: normal;font-size: 5rem;font-family: 'Archivo Black', sans-serif;padding-left: 0;line-height: normal;
  -webkit-text-stroke-width: 1px;-webkit-text-stroke-color: var(--primary-color);-webkit-text-fill-color: #ffffff;
}
.home-service .title h2{color: #3f3f3f;font-size: 3rem;padding-left: 100px;margin-top: -4rem;}
.home-service .post-title{color: var(--primary-color);}
.home-service .is-divider{display: none;}
.home-service .col{padding-bottom: 0;}

.quanlity{margin-bottom: 40px;}
.quanlity, .quanlity h4{color: white;}
.quanlity .col{padding-bottom: 0;}
.quanlity .box-image{width: 85px !important;height: 95px;margin: 0 auto;padding: 1px;background: #fff;margin-bottom: 20px;
  -webkit-clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
  clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
}
.quanlity .box-image div {height: 100%;background: var(--primary-color);
    -webkit-clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
    clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
}
.quanlity .box-image div img{max-width: 50px;height: 50px;position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;}

.news .box-shade.dark .box-text{text-shadow: none;}

#footer, #footer a{color: white;}
#footer a:hover{color: #df4d2a;}
.footer-1 .col:first-child{flex-basis: 45%;max-width: 45%;}
.footer-1 .col:nth-child(2){flex-basis: 25%;max-width: 25%;}
.footer-1 .col:last-child{flex-basis: 30%;max-width: 30%;}

#footer ul.menu>li+li, #footer .widget>ul>li+li{border: 0;}
#footer .widget_text ul li{clear: both;}
#footer .widget_text ul li i{width: 30px;text-align: center;}
#footer .widget_text ul li span, #footer .widget_text ul li a{float: right;width: calc(100% - 40px);}


.contact{display:flex;}
.contact-left{width:60%;padding-right:30px;}
.contact-right{width:40%;border:1px solid #df4d2a;}
.contact-right form{padding:20px 20px 0;margin-bottom:0;}
.contact-right .contact-info{background-color:#df4d2a;color:white;padding:10px 20px;}
.contact-info{margin-bottom:10px;}
.contact-info i{border:1px solid #eee;width:40px;height:40px;position:relative;margin-bottom:10px;margin-right:10px;border-right:5px solid #df4d2a;}
.contact-info i:before{text-align:center;line-height:40px;display:block;}
.wpcf7-form label .wpcf7-form-control-wrap{width:100%;}
.wpcf7 label{font-weight:normal;}



.page-left-sidebar .widget_nav_menu,
.page-left-sidebar .widget_categories,
.recent-posts-widget-with-thumbnails,
.widget_product_categories {margin: 0 0 30px;position: relative;padding: 20px;border: 1px solid #e3e5ec;}
.page-left-sidebar .widget_nav_menu > .widget-title,
.page-left-sidebar .widget_categories > .widget-title,
.recent-posts-widget-with-thumbnails .widget-title,
.widget_product_categories > .widget-title {font-size: 18px;display: block;font-weight: normal;text-transform: uppercase;margin-bottom: 20px;padding-bottom: 10px;border-bottom: 2px solid #000;text-align: center;}
.page-left-sidebar .widget_nav_menu > .is-divider,
.page-left-sidebar .widget_categories > .is-divider,
.recent-posts-widget-with-thumbnails .is-divider,
.widget_product_categories > .is-divider {display: none;}
.page-left-sidebar .widget_nav_menu .menu > li > a {color: #373737;font-weight: 500;font-size: 14px;line-height: 28px;letter-spacing: 1px;}
.page-left-sidebar .widget_nav_menu ul.menu > li + li,
.page-left-sidebar .widget_nav_menu .widget > ul > li + li {border: 0;}
.page-left-sidebar .widget_nav_menu .menu > li.current-menu-item > a , .widget .current-cat>a{color: #df4d2a;font-weight: bold;}
ul.menu > li + li,
.widget > ul > li + li {border: 0;}
ul.menu > li > a,
ul.menu > li > span:first-child,
.widget > ul > li > a,
.widget > ul > li > span:first-child {font-weight: 500;font-size: 14px;line-height: 28px;letter-spacing: 1px;padding: 0;}

aside .widget-title {border-bottom: 2px solid #df4d2a;margin-bottom: 20px;padding-bottom: 10px;display: block;}
#custom_html-9, #custom_html-10{background: url('./images/bg_hotro.png') left 40px no-repeat;} 
#custom_html-9 .phone, #custom_html-10 .phone{color: #df4d2a;text-decoration: none;font-size: 20px;font-weight: bold;padding-top: 62px;padding-left: 90px;padding-bottom: 10px;margin-right: 20px;font-style: italic;}
#custom_html-9 ul, #custom_html-10 ul {list-style: none;border-bottom: 1px dashed #DDDDDD;padding: 7px;margin: 0px 10px;font-size: 13px;}
#custom_html-9 ul li, #custom_html-10 ul li{clear: both;padding: 6px 0;color: #555555;}
#custom_html-9 ul li i, #custom_html-10 ul li i {font-size: 17px;margin-right: 8px;clear: both;}
#custom_html-9 ul:last-child, #custom_html-10 ul:last-child{border-bottom: 0;}

.shop-page-title{display: none;}
.product-small .col-inner{box-shadow: 0 1px 3px -2px rgb(0 0 0 / 12%), 0 1px 2px rgb(0 0 0 / 24%);border: 1px solid #ccc;}
.product-small .col-inner .box-text-products{padding-left: 10px;}
.product-title{color: black;}
.price-wrapper{font-size: 12px;}
.col-inner .price-wrapper span.amount, .price-wrapper span.amount{color: red;}
.has-shadow>.col>.col-inner{border: 1px solid #ccc;}
.row-divided>.col+.col:not(.large-12){border-left: 0;}

.product-info{padding-top: 0;}
.woocommerce-breadcrumb, .woocommerce-widget-layered-nav .is-divider{display: none;}
.product-main{padding: 30px 0;}

@media only screen and (max-width: 768px) {
  .footer-1 .col:first-child{flex-basis: 100%;max-width: 100%;}
  .footer-1 .col:nth-child(2){flex-basis: 100%;max-width: 100%;display: none;}
  .footer-1 .col:last-child{flex-basis: 100%;max-width: 100%;}

  .contact{display: block;}
  .contact-left{width:100%;padding-right:0;margin-bottom: 30px;}
  .contact-right{width:100%;}

  .home-service .title h3{font-size: 1.5rem;}
  .home-service .title h2{font-size: 1.5rem;margin-top: 0;padding-left: 50px;}
  .title h2{font-size: 20px;}
  .large-3.col{display: none;}
  .header-main .nav.nav-left{
    justify-content: left;
    text-align: left;
  }
  .off-canvas-center .nav-vertical>li>a {
    font-size: 1em;
  }
  .off-canvas-center .nav-sidebar.nav-vertical>li .toggle{top: 7px;}

  .slider-wrapper div, .slider-wrapper div img{height: 200px;}
}