/*
Theme Name:           Flatsome
Theme URI:            http://flatsome.uxthemes.com
Author:               UX-Themes
Author URI:           https://uxthemes.com
Description:          Multi-Purpose Responsive WooCommerce Theme
Version:              3.18.7
Requires at least:    5.9
Requires PHP:         5.6
WC requires at least: 4.7
Text Domain:          flatsome
License:              https://themeforest.net/licenses
License URI:          https://themeforest.net/licenses
*/


/***************
All custom CSS should be added to Flatsome > Advanced > Custom CSS,
or in the style.css of a Child Theme.
***************/
/*Tab Thêm ảnh vào TAB*/
.giuseart_tabs > .nav .tab {display:flex;
    margin: 0;
}
.giuseart_tabs .nav{margin-bottom:15px}
.giuseart_tabs > .nav .tab a {text-align:center;
   display: inline-block;border:none;
    overflow: hidden;
    position: relative;
    padding: 7px 6px;
    font-size: 15px;
    color: black;
}
.giuseart_tabs > .nav .tab.active a {
  background: none;
    border: none;
    box-shadow: none;
}
.giuseart_tabs .nav-vertical > li + li {
    border-top: 0
}
.giuseart_tabs > .nav .tab a > img {width:100px;height:100px;
    margin: 0 auto;
}
.giuseart_tabs > .nav .tab a > img:nth-child(2) {
    display: none;
}
.giuseart_tabs > .nav .tab.active a > img:nth-child(1) {
    display: none;
}
.giuseart_tabs > .nav .tab.active a > img:nth-child(2) {
    display: block;
}
.giuseart_tabs > .nav .tab a:before {
    display: none;
}
.giuseart_tabs .nav h3 {text-transform: none;
    letter-spacing: 0;
    font-weight: normal;
    font-size: 15px;
    color: black;
    text-align: center;
}
.giuseart_tabs .nav .active h3 {
    color: #fff;
}
.giuseart_tabs > .tab-panels {
    width: 100%;
padding:20px;}
.giuseart_tabs .tab-panels .row {
    margin: 0;
}
.giuseart_tabs .tab-panels .panel .row .col {
    padding: 0 5px 5px;
}
.giuseart_tabs .nav.nav-vertical a{border-top: 1px solid #d2d2d2;text-align:center}
.giuseart_tabs .nav-vertical{margin-bottom:0}



/*Tab Iphone 14*/
.iphone14 ul li {
border-radius: 99px !important;
width: 40px;
height: 40px;
border: 1px solid #fff;
box-shadow: inset 0 0 15px 0 rgb(0 0 0 / 30%);
}
.iphone14 ul li.active {
box-shadow: 0 0 5px 5px #e8e8e8;
}
.iphone14 ul li span {
visibility: hidden;
}
.iphone14 li#tab-xanh {
background-color: #D7B1A8;
}
.iphone14 li#tab-màu-Đen {
background-color: #F0DF78 !important;
}
.iphone14 li#tab-màu-hồng {
background-color: #ACD69B !important;
}
.iphone14 li#tab-màu-đỏ {
background-color: red !important;
}
.iphone14 li#tab_màu-xám {
background-color: #fff !important;
}
.iphone14 ul.nav.nav-simple.nav-uppercase.nav-size-normal.nav-center {
order: 2;
padding-top: 10px;
}