/*
Theme Name: Flatsome
Theme URI: http://flatsome.uxthemes.com/
Author: UX-Themes
Author URI: http://www.uxthemes.com/
Description: Multi-Purpose Responsive WooCommerce Theme
Version: 3.12.0
Text Domain: flatsome
License: http://themeforest.net/licenses
License URI: http://themeforest.net/licenses
*/


/***************
All custom CSS should be added to Flatsome > Advanced > Custom CSS,
or in the style.css of a Child Theme.
***************/

.is-divider{
	padding:0;
}
.sub-menu .menu-item > a{
	width:100%;
}

.header a{
	color:white;
	
}
.header .nav-line-bottom>li>a{
	webkit-transition: all 300ms linear 0s;
    -moz-transition: all 300ms linear 0s;
    -o-transition: all 300ms linear 0s;
    -ms-transition: all 300ms linear 0s;
    transition: all 300ms linear 0s;
}
.header .nav-line-bottom>li>a:hover:before{
 	text-shadow: 12px 0 #fff, -12px 0 #fff, 0 0 #fff;
}
.header .nav-line-bottom>li.active>a:before{
	text-shadow: 12px 0 #fff, -12px 0 #fff, 0 0 #fff;
}
.header .nav-line-bottom>li>a:before{
	color: #fff;
    content: "\f111";
    font-size: .5rem;
	font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    left: 50%;
    pointer-events: none;
    position: absolute;
    top: 70%;
    transform: translateX(-50%);
    transition: text-shadow 0.3s ease 0s, color 0.3s ease 0s;
	width: auto;
	background-color: transparent;
}
.hieu-accordion .icon-angle-down:before{
	content: "\f059";
	font-family:"fontawesome";
	font-weight:900;
}

.hieu-accordion .accordion-title{
	
		border-top: none;
}
.hieu-accordion .accordion-title.active {
    color: #e130a7;
	border-bottom:1px solid #e130a7;
	background-color: transparent;
}

.hieu-accordion .toggle i {
     transition: none;
}

.hieu-accordion .active>.toggle {
    -ms-transform: none;
    transform:none;
}


.ph-left > .page-title-inner{
	flex-direction: column-reverse;
    align-items: flex-start;
}
.ph-left .page-title-inner > .flex-right{
	margin:0;
}

.nav-dropdown>li.nav-dropdown-col{
	display:block}
.nav-dropdown{
	border:1px solid #ddd; padding:0}
.nav-dropdown .nav-dropdown-col>a, .nav-dropdown li a{
	font-weight:normal !important; 
	text-transform:none !important;
	font-size:15px; 
	font-weight:500}
.nav-dropdown-default>li:hover>a, 
.nav-dropdown .nav-dropdown-col>ul li:hover>a,
.nav-dropdown-default>li:hover>i{
	color:white
}
.nav-dropdown-default>li:hover{background:#21986c}
.nav-dropdown-default>li>a{
	border-bottom:0 !important}
.nav-dropdown-has-arrow li.has-dropdown:before{
	border-width: 10px;
    margin-left: -10px;
}
.nav-dropdown-default>li{
	position:relative;
}
ul.sub-menu{
	border:none;
	border-bottom: 5px solid;
	    border-image: linear-gradient(to right,#00d39f 0%,#008bd3 10%,#d40063 75%,#d4be00 100%) 1;
}
.nav-dropdown .nav-dropdown-col>ul{
	box-shadow: 2px 2px 5px #828282;
	display:none;
	position: absolute;
    left: 100%;
	z-index: 9;
	background: white;
	min-width: 240px;
	border-bottom: 5px solid #21986c;
}
.nav-dropdown .nav-dropdown-col>ul:not(:last-child){
	top:0;
}
.nav-dropdown .nav-dropdown-col>ul:last-child{
	bottom:0;
}
.nav-dropdown>li.nav-dropdown-col{
	width:100%;
	border-right:0}
.nav-dropdown .nav-dropdown-col>ul li a{
	padding:10px;  
	text-transform: none;color:black}
.header-nav li.nav-dropdown-col:hover >ul{
	display:block !important}
.sub-menu li{
	display: flex !important;
    align-items: center;
    justify-content: space-between;
    padding: 0 1rem;
}
.nav-tabs>li.active>a{
	border-top-color:#f73c95;
}
.widget .current-cat>a {
    color: #f73c95;
}
input.search-field{
	border-radius:10px 0 0 10px;
}
.wpcf7-form-control.wpcf7-select{
    border-radius: 10px;
}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}
.error-message{
    color:red;
}

.calculator-items{
    display:flex;
    flex-direction:column;
    
}
.wall-item,
.no-paint-area-item,
.ceiling-item{
    display:flex;
    margin-bottom: 1rem;
    justify-content: space-between;
	align-items:center;
	padding: 10px;
}
.wall-item:not(:first-child),
.no-paint-area-item:not(:first-child),
.ceiling-item:not(:first-child){
   box-shadow: 0 3px 6px -4px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
}
.wall-item p,
.no-paint-area-item p,
.ceiling-item p{
    margin:0
}
.delete-btn{
    width: 10%;
}
.wall-item input,
.ceiling-item input,
.no-paint-area-item input{
    width:100%;
	margin:0;
	text-align:right;
	
}
.wall-item button,
.ceiling-item button,
.no-paint-area-item button{
	margin:0;
	color:#cc0000;
}
.Calculator-paint.active,
.result.active{
    display:none;
}
li.menu-item > .menu-item >.menu-item >ul.sub-menu{
	display:none;
}
.result-text{
	color:#cc0000;
	font-size:150%;
	font-weight:bolder;
}
.delete-btn button:before{
	content:'\f057';
	font-family:'Font Awesome 5 Free';
	font-weight:900;
	margin-right: .5rem;
    font-size: 1.2rem;
}
.bang-mau{
	display: flex;
    flex-wrap: wrap;
    height: 400px;
    overflow: auto;
}
 .bang-mau .color-box {
            width: 10%;
            height: 80px;
            padding: 2px;
        }

.bang-mau .color-box-inner1 {
            width: 100%;
            height: 100%;
            cursor: pointer;
            display: flex;
            justify-content: center;
            align-items: center;
			position:relative;
        }