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

/*************** ADD CUSTOM CSS HERE.   ***************/



body {
	max-width: 100%;
	overflow: hidden;
}
.blog-footer .post-title:before {
    content: "\f105";
    font-family: 'fl-icons' !important;
    font-size: 13px;
    margin-right: 10px;
    color: #fff; font-weight:bold;}

.header-bottom {
	z-index: 9999;
}
body .searchform-wrapper {
    width: 317px;
    position: absolute !important;
    right: 0;
    top: -90px;
}
body .searchform {
	border: 1px solid #ccc;
	border-radius: 100px;
}
.top-hotline .icon-box {
    top: -12px;
    position: relative;
}
ul.menu>li>a:before { 
	content: "\f04b"; 
	font-family: FontAwesome; 
	padding-right:5px; 
	font-size:10px; 
	color:#ef0000;
	position:relative; 
	bottom:2px;
}
@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/
    
}

@media only screen and (min-width: 1024px) {
   #wide-nav li {
	    position: relative;
	}
	/* sub menutop lv 1 */
	#wide-nav li li {
	    width: 100%;
	    display: block;
	    float: initial;
	    clear: both;
	    border-top: #e1e1e1 solid 1px;
	    padding: 0;
	    margin-top: -15px;
	    -moz-transition: opacity 0.1s 0.15s ease-out, margin 0.3s 0.1s ease-out;
	    -webkit-transition: opacity 0.1s 0.15s ease-out, margin 0.3s 0.1s ease-out;
	    -o-transition: opacity 0.15s 0.15s ease-out, margin 0.3s 0.1s ease-out;
	    transition: opacity 0.15s 0.15s ease-out, margin 0.3s 0.1s ease-out;
	}
	#wide-nav li li.menu-item-has-children:after {
	    font-family: 'fl-icons' !important;
	    content: "\f105";
	    position: absolute;
	    top: 6px;
	    right: 8px;
	    z-index: 9;
	}
	#wide-nav li li a {
	    font-size: 13px;
	    line-height: 37px;
	    padding: 0 10px;
	    margin: 0;
	    border: none;
	    position: relative;
	    color: #333 !important;
	}
	#wide-nav li ul {
	    z-index: 9999;
	    float: left;
	    list-style: none;
	    margin: 0;
	    padding: 0;
	    position: absolute;
	    left: 0;
	    min-width: 370px;
	    background: #fff;
	    border: 1px solid #ddd;
	    opacity: 0;
	    visibility: hidden;
	    -moz-transition: opacity 0.2s 0.1s ease-out, visibility 0.1s 0.1s linear;
	    -webkit-transition: opacity 0.3s ease-out, visibility 0.1s 0.1s linear;
	    -o-transition: opacity 0.3s ease-out, visibility 0.1s 0.1s linear;
	    transition: opacity 0.3s ease-out, visibility 0.1s 0.1s linear;
	}
	#wide-nav li ul ul {
	    top: -1px;
	}
	#wide-nav li ul ul {
		left: 100%;
	}
	#wide-nav li:hover>ul {
	    opacity: 1;
	    visibility: visible;
	}
	#wide-nav li:hover ul li {
	    margin-top: 0;
	    opacity: 1;
	}
	#wide-nav li ul li:hover >  a {
		background: #4a9529;
		color: #fff !important;
	}

	/* sub menutop lv 2 */
	#wide-nav ul ul ul {
	    float: left;
	    list-style: none;
	    z-index: 9999;
	    margin: 0;
	    padding: 0;
	    position: absolute;
	    left: 80%;
	    top: 0px;
	    /*background: #222;*/
	    width: 100%;
	    opacity: 0;
	    visibility: hidden;
	    -moz-transition: opacity 0.2s 0.01s ease-in-out, left 0.2s 0.1s ease-out, visibility 0.1s 0.1s linear;
	    -webkit-transition: opacity 0.2s 0.01s ease-in-out, left 0.2s 0.1s ease-out, visibility 0.1s 0.1s linear;
	    -o-transition: opacity 0.2s 0.01s ease-in-out, left 0.2s 0.1s ease-out, visibility 0.1s 0.1s linear;
	    transition: opacity 0.2s 0.01s ease-in-out, left 0.2s 0.1s ease-out, visibility 0.1s 0.1s linear;
	}
	#wide-nav ul ul ul li {
	    border: none;
	    border-bottom: 1px solid #ccc;
	    clear: both;
	    margin: 0;
	    padding: 0;
	    width: 100%;
	    opacity: 1;
	}
	#wide-nav ul ul li:hover ul {
	    opacity: 1;
	    left: 100%;
	    visibility: visible;
	}
}