/*
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.   ***************/
.bottom-contact {
    display: none;
}
body{
	overflow:hidden !important;
}
.flex-left .nav-left{
	justify-content: flex-end;
}
.flex-left .nav li:first-child{
	margin-left:26px!important;
}
.flex-right .nav li:first-child{
	margin-left:0px!important;
}
#masthead .nav-spacing-xlarge>li{
	margin: 0 26px;
}
.nav-dropdown li.woocommerce-MyAccount-navigation-link:first-child{
	margin-left:0px !important;
}
.nav-dropdown li.header-search-form:first-child{
	margin-left:0px !important;
}
.flex-right .nav-right{
	justify-content: flex-start;
}
.tabs-phone .tab a{
	color:#fff !important;
}
.tabs-phone a:before{
	background-color:#fff !important;
}
.title-sp b{
	opacity:1;
	background-color:#fff;
}
.dark .button.is-underline:hover, .dark .button.is-link:hover{
	color:#446084 !important;
}
.form-flat input:not([type="submit"]){
	background-color:#fff !important;
}
.ltitle h3{
	position:relative;
}
.ltitle h3:before{
	position:absolute;
	content:'';
	width: 50px;
    height: 3px;
    bottom: -5px;
    background: #fff;
}
.ltitle a{
	display:inline-block;
	margin-bottom:15px;
}
.ltitle span:hover{
	border-bottom:1px solid #fff;
}
@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/
	.flex-left .nav li:first-child {
    margin: 0 13px !important;
}
	.flex-right .nav li:first-child {
    margin-left: 0px!important;
}
	.nav>li>a{
		color:#fff;
	}
	.mfp-content{
		width:100% !important;
	}
	.mfp-content input[type='search']{
		background-color: #2f2f2f;
		border:1px solid #000;
		border-radius:5px;
		padding: 0 33px;
	}
	.mfp-content .searchform .button.icon{
		    margin: 0;
    position: absolute;
    left: 0;
    top: 6%;
	background-color:transparent !important;
	}
	.mfp-content li.menu-item{
		width:80% !important;
	}
}
@media only screen and (max-width: 550px) {
	.header-full-width .container{
		padding-left:0px!important
	}
	.flex-left .nav-left,.flex-right .nav-right {
		justify-content: flex-start;
	}
	.flex-right .nav-right{
		justify-content: flex-end;
	}
	
.bottom-contact {
    display: block;
    position: fixed;
    bottom: 0;
    background: white;
    width: 100%;
    z-index: 99;
    box-shadow: 2px 1px 9px #dedede;
    border-top: 1px solid #eaeaea;
}
.bottom-contact ul li {
    width: 25%;
    float: left;
    list-style: none;
    text-align: center;
    font-size: 10px;
}
.bottom-contact ul li span {
    color: black;
}
.bottom-contact ul li img {
    width: 30px;
    margin-top: 5px;
    margin-bottom: 0;
}
}