/*
Theme Name: Interaksi Theme
Theme URI: http://www.interaksi.co.id
Version: 1.0
Description: An example child theme that can be used as a starting point for custom development.
Author: The Interaksi Team
Author URI: http://www.interaksi.co.id
template: bb-theme
*/

/* Add your custom styles here... */ 

html,
body{overflow-x:hidden;}

/* Header */
@media (min-width: 992px){
	#mega-menu-wrap-header #mega-menu-header {text-align:right; padding:0 28px 0 0;}
	.navbar-default{margin:-40px 0 0!important;}
	.fl-page-nav-search{margin:0 0 -30px; z-index:9;}
	.fl-page-nav-collapse {margin:44px 0 0;}
}

@media (max-width: 990px) and (min-width: 768px){
	.fl-page-nav-right .fl-page-nav-wrap {margin-left:0; margin-right:0;}
	.fl-page-nav-wrap{padding-left:0; padding-right:0;}
	#mega-menu-wrap-header #mega-menu-header{text-align:center; padding:0;}
	#mega-menu-wrap-header #mega-menu-header > li.mega-menu-item > a.mega-menu-link{padding:0 8px;}
}

/* Peoples */
#filterOptions {float:left; list-style:none; margin:0; padding:0; width:100%;}
#filterOptions li{float:left; padding:0; width:100%;}
#filterOptions h3{float:left; width:100%;}
#filterOptions a{color:#3f3b3a;}
#filterOptions a:hover,
#filterOptions a:focus,
#filterOptions a:active{text-decoration:none;}
#filterOptions a.search,
#filterOptions a.open{background:#5479A5; border-bottom:1px solid white; color:white; float:left; font-weight:bold; padding:5px 10px; width:100%;}
#filterOptions ul.box{display:none; float:left; list-style:none; position:relative; margin:0; padding:0; width:100%;}
#filterOptions ul.box li{border-bottom:1px solid #aaa; float:left; margin:0; padding:5px 5%; width:100%;}
#filterOptions ul.box li:last-child{border-bottom:none;}
#filterOptions ul.box li:nth-child(odd){background:#eee;}
#filterOptions ul.box li:nth-child(even){background:#f7f7f7;}
#filterOptions ul.box li a{float:left; width:100%;}
#filterOptions ul.box.open-first{display:block;}
#filterOptions form{float:left; padding:10px; width:100%;}
#filterOptions form input[type="text"]{border-radius:0; -moz-border-radius:0; -webkit-border-radius:0;} 

.peoples{float:left; list-style:none; margin:0; padding:0; width:100%;}
.list-people{float:left; display:inline-block; margin:0 2px 2px; height:122px; position:relative; padding:0; width:100px;}
.list-people:hover .tip{display:inline-block;}
.list-people .tip{background:white; display:none; color:#666; left:-45px; padding:5px 15px; position:absolute; top:140px; z-index: 98; width: 200px; box-shadow:0 0 10px #bbb;}
.list-people .tip:before{border: solid; border-color: white transparent; border-width:0 6px 6px 6px; top:-6px; content: ""; left:43%; position: absolute; z-index: 99;}
.list-people .tip .name{color:#5479A5; font-weight:bold; line-height:17px; margin:0;}
.list-people .tip .position{font-size:12px; margin:0;}
.list-people a{transition: all 0.5s ease; float:left; height:120px; margin:0 0 5px; overflow:hidden; width:100%;}
.list-people a:hover{height:140px; margin-top:-10px; margin-left:-10px; position:relative; overflow:visible!important; width:120px; z-index:99; -webkit-box-shadow:0 0 10px #666; -moz-box-shadow:0 0 10px #666; box-shadow:0 0 10px #666;}
.list-people img{float:left; height:120px; min-height:120px; width:100%;}
.list-people a:hover img{border:4px solid white; height:140px}
.list-people .down-name{float:left; font-size:13px; font-weight:bold;}

/* Courses - sub menu */
.courses-navigation{background:#eee; float:left; font-size:14px; font-weight:bold; list-style:none; margin:0 0 -15px; padding:0; width:100%;}
.courses-navigation li{border-right:1px solid white; float:left; display:inline-block; margin:0; padding:0!important;}
.courses-navigation li:last-child{border:0;}
.courses-navigation li.parent{color:#5479A5; padding:6px 20px!important;}
.courses-navigation li.current_page_item a{background:white url(images/current_page_item.png) center 36px no-repeat; border-top:1px solid #ddd; color:#5479A5; height:49px; margin:-4px 0 -12px; box-shadow:none; -moz-box-shadow:none; -webkit-box-shadow:none;}
.courses-navigation a{background:#5479A5; color:white; float:left; padding:6px 20px;}
.courses-navigation a:hover{background:#5AA2C8; text-decoration:none; box-shadow:0 0 5px #aaa; -moz-box-shadow:0 0 5px #aaa; -webkit-box-shadow:0 0 5px #aaa;}

@media (min-width: 992px){
	#main-tab .main-tab-labels{background:#5479A5; float:left; font-size:14px; font-weight:bold; margin:0 0 20px; padding:0; width:100%;}
	#main-tab .main-tab-labels .fl-tabs-label{border-right:1px solid #eee; color:white; float:left; padding:8px 15px;}
	#main-tab .main-tab-labels .fl-tabs-label.fl-tab-active{background:#000; border-top:1px solid #eee; border-right:0; border-left:0; color:#fff; height:37px; padding:9px 15px; margin:-2px 0 -12px;}
	#main-tab .main-tab-labels .fl-tabs-label.fl-tab-active:before{border: solid; border-color:black transparent; border-width:6px 6px 0 6px; bottom:-6px; content: ""; left:43%; position: absolute; z-index: 99;}
	#main-tab .main-tab-labels .fl-tabs-label:first-child.fl-tab-active{border-left:1px solid #eee;}
	#main-tab .main-tab-panels{margin:35px 0 0;}
	#main-tab .main-tab-panels .fl-tabs-panel-content{padding:0;}
	#main-tab .main-tab-panels .fl-tabs-panel-content .fl-row-content-wrap{margin-top:0;}
}