/*
Theme Name: ioae
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/
/*#main .nav li:first-child{
	margin-left: 1.3em !important
}*/

@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/


}

/*Archive title*/
header.archive-page-header{
    background: #469f29;
    margin-top: -30px;
    margin-bottom: 20px;
    display: none;
}
header.archive-page-header .col{
    text-align: left;
    padding: 0;
}
header.archive-page-header .col h1{
    line-height: 60px;
    color: #fff;
    margin: 0;
}
header.archive-page-header-2{
    background: #469f29;
    margin-top: -30px;
    margin-bottom: 20px;
    color: #fff !important;
    padding: 15px 0;
}
header.archive-page-header-2 a,
header.archive-page-header-2 span{
    line-height: 30px;
    color: #fff !important;
    font-weight: bold;
}
header.archive-page-header-2 a:hover{
    color: #fff;
}
@media(max-width: 767px){
    header.archive-page-header .col{
        text-align: center;
    }
    header.archive-page-header-2{
        text-align: center;
    }
}

/* Hide excerpt blog archive */
.archive .from_the_blog_excerpt  {
     display: none;
}

/* Archive post title height */
.archive .box-blog-post .box-text{
    height: 111px;
}

/* Hide featured image at top of video blog post */
.single .entry-image{
    display: none;
}

/* Icon play on thumbnail archive video */
.archive.category-tt-video .image-cover:before,
.tt-video-list .image-cover:before{
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: url(assets/images/icon-play.png) no-repeat center center / 50px auto;
    z-index: 1;
}
.archive.category-tt-video .box-blog-post:hover .image-cover:before,
.tt-video-list .box-blog-post:hover .image-cover:before{
    background: url(assets/images/icon-play-hover.png) no-repeat center center / 50px auto;
}

/* HOME CHART */
#invest-tabs .vc_tta-tabs-list{
	border-bottom: 1px solid #dddddd !important;
}
#invest-tabs .vc_tta-tab a{
	font-weight: bold;
	padding: 10px 15px !important;
	background: none !important;
	color: #179045 !important;
	border-radius: 3px !important;
}
#invest-tabs .vc_tta-tab.vc_active a{
	background: #179045 !important;
	color: #fff !important;
}
#invest-tabs .vc_tta-panel-title{
	padding: 0 !important;
}
#invest-tabs .vc_tta-panel-title:after{
	display: none !important;
}
#invest-tabs .vc_tta-panel-title a{
	color: #fff !important;
	background: #179045 !important;
}
#invest-tabs .chart-value{
	margin-bottom: 5px;
}
#invest-tabs .chart-value div{
	text-align: right;
}
#invest-tabs .chart-value div p{
	display: inline-block;
	padding: 0 5px;
	color: #fff;
	background: #05adcd;
}
#invest-tabs .vc_line-chart .vc_chart-with-legend{
	width: 100% !important;
}
#invest-tabs .vc_line-chart .vc_chart-legend{
	margin-top: 15px;
	display: block !important;
	text-align: center !important;
	width: 100% !important;
}
#invest-tabs .vc_chart .vc_chart-legend li:before{
	display: none !important;
}
#invest-tabs .vc_chart .vc_chart-legend li span{
	width: 1.8em !important;
	border-radius: 0 !important;
}
#invest-charts .nav-tabs>li.active>a{
	color: #fff;
    background: #179046;
}
#invest-charts .box_hieuquadautu{
	padding: 30px;
}
#invest-charts #value, #invest-charts #value2{
	background: #06adcd;
    color: #fff;
    float: right;
    padding: 5px;
    text-align: center;
    margin-right: 10px;
}

/* FOOTER */
.footer-widgets.footer{
	padding-top: 0;
	background-color: none;
	background: url(assets/images/footer-bg.jpg) repeat-y left top / 100% auto;
	border-bottom: 1px solid #848486;
}
.footer-widgets.footer > .row > .widget{
	background: #202020;
	margin-top: 0;
	margin-bottom: 0;
	padding-top: 30px;
	padding-bottom: 30px !important;
}
/*.footer-widgets.footer > .row > #block_widget-2{
	background: #61b047;
	border-right: 1px solid #848486;
}*/
.footer-widgets.footer > .row > div:first-child{
	/*background: #61b047;*/
	background: #63b249;
	border-right: 1px solid #848486;
}
.footer-widgets.footer > .row > .widget.widget_nav_menu .widget-title{
	display: block;
	font-size: 15px;
	line-height: 20px;
	color: #fff;
	margin: 0 0 15px 0;
	padding: 0 0 15px 0;
	border-bottom: 1px solid #61b047;
}
.footer-widgets.footer > .row > .widget.widget_nav_menu .is-divider{
	display: none;
}
.footer-widgets.footer > .row > .widget.widget_nav_menu ul li{
	margin: 0;
	border: none;
}
.footer-widgets.footer > .row > .widget.widget_nav_menu ul li a{
	font-size: 14px;
	line-height: 28px;
	color: #fff;
	text-decoration: none;
	transition: 0.3s;
	padding: 0;
}
.footer-widgets.footer > .row > .widget.widget_nav_menu ul li a:hover{
	color: #61b047;
}
.absolute-footer{
	background-color: #202020 !important;
	color: #fff !important;
}
.absolute-footer ul{
	opacity: 1;
}
.absolute-footer .footer-primary li{
	color: #fff;
}
.absolute-footer .footer-primary li a{
	transition: 0.3s;
}
.absolute-footer .footer-primary li a:hover{
	color: #61b047;
}

/* SIDEBAR */
.ioae-sidebar{
	border: 1px solid #61b047;
	margin-bottom: 30px;
}
.ioae-sidebar li{
    margin-left: 0 !important;
}
.ioae-sidebar li a{
	background-color: #61b047;
	border: none !important;
	color: #fff;
	transition: 0.3s;
}
.ioae-sidebar li.active a{
	background-color: #fff;
	color: #61b047;
}
.ioae-sidebar li.sub-cat a{
	background-color: rgba(97,176,71,0.7);
	padding-left: 30px;
}
.ioae-sidebar li.sub-cat.active a{
	background-color: #fff;
	padding-left: 30px;
}
.ioae-sidebar li a:hover{
	 color: #0674bb;
}
.ioae-sidebar li.active a:hover{
	cursor: default;
	color: #61b047;
}

/* BACK TO TOP */
#top-link{
	border: 2px solid #61b047;
}
#top-link i{
	color: #61b047;
}
#top-link:hover i{
	color: #fff;
}
