/*!
 * CSS Custom - UT Project - umum
 * Created : Sept 9, 2014
 * Last Update : Feb 19, 2015
 */

/*---------------------------------------*/
/*------------ GLOBAL LAYOUT ------------*/
/*---------------------------------------*/

body { font-size: 16px; line-height: 26px;}

#section-main-content { padding-top: 0px;}

#sharesocial { margin: 20px 0 15px;}

tbody { border-top: none}

#popup-announcement {}
	#popup-announcement .button-group .dexp-animate { float: left; width: 170px;}

a.btn-custom { background: #993300; color: #FFFFFF; display: inline-block; padding: 4px 10px; font-size: 16px; 
	-webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px;
}
	a.btn-custom .fa { margin-right: 4px;}
	a.btn-custom:hover { color: #fff}
	a.btn-custom.btn-big { font-size: 18px; font-weight: bold; padding: 8px 15px;}

/*--- Header ---*/ 

	.region-call-us ul:not(.contextual-links) li { border: none}
	.block-lang-dropdown .form-item { margin-top: 0; margin-bottom: 0;}
	
	.top-header-menu li { position: relative}
	.top-header-menu a { cursor: pointer}
	.top-header-menu ul.dropdown-menu a { line-height: 20px !important; padding: 2px 5px !important;}
	
	.header-dropdown-menu li { display: block !important}
	
	#section-top-bar { position: relative; z-index: 900; background: #fff}
	
	.region-socials { position: relative}
	
	.social-top { width: 50% !important; float: right}
	
	#block-search-form { height: auto !important; width: 50%; float: right}
	#block-search-form .form-item { margin: 0; position: relative}
	#block-search-form .container { width: auto; padding: 0;}
	#block-search-form .col-xs-10 { padding: 0;}
	#block-search-form input { padding: 2px 5px 2px 30px; font-size: 12px; display: inline-block; width: 100%; top: 5px; position: relative}
	#block-search-form .form-item:before {
		content: "\f002";
		font-family: FontAwesome;
		font-style: normal; font-size: 15px; color: #999999;
		position: absolute; left: 10px; top: 8px; z-index: 1;
	}
	#block-search-form .col-xs-2 { display: none !important}
	
	#section-header .site-logo { line-height: 65px;}
	#section-header .dexp-dropdown > ul > li > a, #section-header .dexp-dropdown > ul > li > .nolink { line-height: 65px;}
	
	#section-header ul.menu a, #section-header .dexp-dropdown ul ul li a, #section-header .dexp-dropdown ul ul li a:hover, #section-header .nolink { color: #333333}
	#section-header ul.menu a.active { color:#5F8CB4 }
	#section-header .dexp-dropdown > ul > li > .nolink {
		border-top: 3px solid transparent;
		-webkit-transition: all 0.3s ease-in-out;
		-moz-transition: all 0.3s ease-in-out;
		-o-transition: all 0.3s ease-in-out;
		-ms-transition: all 0.3s ease-in-out;
		transition: all 0.3s ease-in-out;
		color: #2D3E52;
		text-transform: uppercase;
		font-size: 13px;
	}
/*   #section-header .dexp-dropdown > ul > li > a:hover,
  #section-header .dexp-dropdown > ul > li > a.active {
    border-top: 3px solid #5F8CB4;
    color: #5F8CB4;
  } */
  #section-header .dexp-dropdown > ul > li:hover > .nolink,
  #section-header .dexp-dropdown > ul > li.active > .nolink {
    border-top: 3px solid #5F8CB4;
    color: #5F8CB4;
  }

  #section-header .dexp-dropdown .nolink {
    display: block;
  }

	@media only screen and (min-width: 992px) and (max-width: 1199px) {
	
	.region-call-us ul:not(.contextual-links) li { margin-right: 0 !important}
	
	.social-icons li a { width: 30px !important; font-size: 15px !important;}
	.social-top { width: 42% !important; float: right}
	#block-search-form { height: auto !important; width: 50%; float: right}
	
	}
	
	@media only screen and (max-width: 991px) {
	
	.dexp-dropdown ul.menu .menu { padding-left: 10px;}
	
	}

/*--- Footer ---*/
	#section-super-graphic { margin-top: -5px; margin-bottom: -10px;}
		#section-super-graphic img { width: 100%; height: auto}
	#section-footer { position: relative}
	.region-socials-bottom .bottom-menu {}
		.region-socials-bottom .bottom-menu ul { float: right; margin: 0; padding: 0;}
		.region-socials-bottom .bottom-menu ul:not(.contextual-links) li {height: auto; float: none; margin: 0; padding: 0 0 0 4px;}
		.region-socials-bottom .bottom-menu ul:not(.contextual-links) li a {width: auto; height: auto; display: inline; font-size: 12px;}
		.region-socials-bottom .bottom-menu ul:not(.contextual-links) li a img { top: -3px; position: relative}
	
	@media only screen and (min-width: 992px) and (max-width: 1199px) {
	
		#section-footer  { font-size: 12px;}
	}
	
	@media only screen and (max-width: 991px) {
	
		#section-footer  { font-size: 12px; text-align: center}
		.region-socials-bottom .bottom-menu ul { float: none; text-align: center}
	
	}	

	.region-socials-bottom .block { height: auto}

	.block-dexp-layerslider { display: block !important}
	   
	    @media only screen and (max-width: 767px) {
	        .block-dexp-layerslider { display: block !important}
	        .tp-caption { display: none}
	    }
	
/*--- Menu ---*/ 
	#section-header { position: relative; z-index: 899; background: #fff;
		box-shadow: 0 5px 5px -2px #acacac; -moz-box-shadow: 0 5px 5px -2px #acacac; -webkit-box-shadow: 0 5px 5px -2px #acacac;
	}
	#section-header .dexp-dropdown >ul >li { margin: 0;}
	#section-header .dexp-dropdown a, #section-header .nolink { font-size: 12px; padding: 0 12px;}
	
	@media only screen and (max-width: 1199px) {
		#section-header .dexp-dropdown a, #section-header .nolink { font-size: 12px !important; padding: 0 10px;}
	}
	
/*--- Slider ---*/
	.slotholder { position: relative}
	.slider-content-text {
		word-wrap: break-word !important; line-height: normal !important; white-space: normal !important;
		padding: 15px;
		color: #FFFFFF;
		/* Fallback for web browsers that doesn't support RGBa */
		background: rgb(0, 0, 0);
		/* RGBa with 0.6 opacity */
		background: rgba(0, 0, 0, 0.6);
		/* For IE 5.5 - 7*/
		filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
		/* For IE 8*/
		-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
		width: 45%; right: 80px !important; top: 30% !important; left: auto !important;
	}
	.slider-content-text h1 { color: #FFFFFF; font-size: 20px; font-weight: normal; margin: 0 0 15px; position: relative}
	.slider-content-text p { font-size: 14px; line-height: 18px;}
	.slider-content-text a { color: #FFFFFF; padding: 4px 10px; background: #0066CC; display: inline-block}
	
	@media only screen and (min-width: 992px) and (max-width: 1199px) {
		.slider-content-text {
			word-wrap: width: 50%; right: 80px !important; top: 30% !important; left: auto !important;
		}
		.slider-content-text h1 { color: #FFFFFF; font-size: 18px; font-weight: normal; margin: 0 0 15px; position: relative}
		.slider-content-text p { font-size: 13px; line-height: 14px !important;}
		.slider-content-text a { color: #FFFFFF; padding: 4px 10px; background: #0066CC; display: inline-block}
	}
	
/*--- Index Display ---*/
	body.front {background: #b3dcee;}
	body.front .title-view label { display: none}
	body.front #section-page-title { margin-bottom: 0}
	body.front .dexp-body-inner { background: none}
	
	.intro-home {color: #000000; font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-style: italic; letter-spacing: normal; background: #e7e7e7; margin: 5px 0;}
		.intro-home p { margin: 0; padding: 0;}
	
	#section-tagline { background: #ffffff; color: #000; border: none; padding: 10px 0}
		#section-tagline a { color: #000;}
		#section-tagline h3, #section-tagline p { color: #034694}
	#section-tagline2 { background: #fff; padding: 10px 0;}
		#section-tagline2 .ads-area { padding-top: 35px; padding-bottom: 35px;}
		#section-tagline2 .col-xs-12 { text-align: center}
		#section-tagline2 img { max-height: 100px; width: auto !important; max-width: 100%; height: auto}
	
	#block-views-news-ticker-block { background: #034694 !important; color: #000000 !important;}
		
	body.front #section-features { margin: 0; padding: 30px 0 0; background: none;
		-webkit-box-shadow: inset 0px 15px 19px -10px rgba(0, 0, 0, 0.5);
		-moz-box-shadow:    inset 0px 15px 19px -10px rgba(0, 0, 0, 0.5);
		box-shadow:         inset 0px 15px 19px -10px rgba(0, 0, 0, 0.5);
	}
	
	h1.highlight { font-size: 18px; color: #3c3932; text-align: center}
#block-views-profil-block, #block-views-berita-block, #block-views-pengumuman-pengumuman-block {font-size: 14px; line-height: 22px;}
#block-views-profil-block ul, #block-views-berita-block ul, #block-views-pengumuman-pengumuman-block ul { list-style: circle; padding: 0 10px 0 10px;}	
	
	.index-highlight { background: #FFFFFF; text-align: center; margin: 0 20px; min-height: 240px;
		-webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5);
		-moz-box-shadow:    0px 0px 10px 0px rgba(0, 0, 0, 0.5);
		box-shadow:         0px 0px 10px 0px rgba(0, 0, 0, 0.5);
	}
		.index-highlight img { width: 100% !important; height: auto !important;}
		.index-highlight h2 { margin: 0; padding: 7px 15px; font-size: 18px; font-weight: bold; color: #fff; background: #064a95}
		.index-highlight p { padding: 0 15px}
		.index-highlight p.short { margin: 15px 0; font-size: 13px; line-height: 14px;}
		.index-highlight button { margin-bottom: 15px;}
	
	.view-news-ticker {}
		.view-news-ticker .liScroll-container { height: auto; padding: 12px 0;}
		.view-news-ticker .liScroll-container .mask { left: 0; top: 0; overflow: hidden}
		.view-news-ticker a { color: #ffffff; font-size: 14px; display: block; font-weight: bold}	
	
	.home-featured {}
		.home-featured .post { padding: 0; margin: 0; border: none}
		.home-featured .large .post-format { display: none}
		.home-featured .large .post-content { padding: 0 10px;; text-align: center}
		.home-featured .large .post-content h2 { font-size: 15px; line-height: normal}
		.home-featured .meta ul { display: none}
				
		.home-featured .bxslide { background: #fff; height: 210px; text-align: center; overflow: hidden}
			.home-featured .bxslide img { margin-bottom: 10px; min-height: 120px; width: auto}
			.home-featured .bxslide a { font-size: 14px; line-height: 16px; display: block; padding: 0 10px;}
		
		.home-featured .sharethis-buttons { display: none}

	.tp-simpleresponsive { /* height: 380px !important; max-height: 380px !important */}	
	
	@media only screen and (max-width: 1199px) {
		.tp-simpleresponsive { /* height: 280px !important; max-height: 280px !important */}	
	}
		
/*--- Headlines ---*/

/*	.main-headline { margin: 40px 0 0}	*/
	.view-latest-projects .bx-controls .fa { color: #ccaa00; border: solid 1px #ab9400}
	.view-latest-projects .bx-controls { margin: 10px 0;}
	.bx-wrapper .bx-pager { display: none}

/*--- Inner Display ---*/
	#section-page-title { background: #e7e7e7; margin-bottom: 20px; position: relative}
		#section-page-title .container { margin: 0 auto}
		#section-page-title .container h1.page_title { color: #000000; font-family: Arial, Helvetica, sans-serif; font-size: 20px; font-weight: bold; letter-spacing: normal}
		
		#section-page-title .title-view { font-size: 12px; font-weight: normal; margin-top: -20px;}
		#section-page-title .title-view label { font-weight: normal}
		
	.content-intro { margin: 20px 0;}
	.node .content ul {list-style: inherit;}
	
	#section-banner {}
	#section-banner img { width: 100%; height: auto}
	

/*--- Post Content Override ---*/	
	.large .post-content { margin: 0; float: none;}
	.node-article.contextual-links-region .sharethis-wrapper { display: none !important}
	
	/*--- Tags ---*/	
	.field-name-field-tags { margin-bottom: 15px;}
	.field-name-field-tags .field-items { display: block}
	.field-name-field-tags .field-items .field-item { display: inline; font-size: 12px;}
	.field-name-field-tags .field-items .field-item:after { content:","; margin-right: 4px;}
	.field-name-field-tags .field-items .field-item:last-child::after { content:""; margin-left: 0;}
	.field-items .field-item p {text-align: justify;}
	.field-items .field-item ul {list-style: disc outside none;}		

/*--- Recent Content Override ---*/	
.recent-post .views-field-title, .popular-post .views-field-title  { font-size: 13px; line-height: normal}
	.recent-post .views-field-title span, .popular-post .views-field-title span	{ max-height: 38px;}
	.recent-post .clearfix span, .popular-post .clearfix span { font-size: 11px;}

/*--- Calendar Display ---*/

.view-calendar { margin-top: 15px;}

.table-calendar { margin: 20px 0; font-size: 13px;}
	.table-calendar td { text-align: left}
	
.item-list .pager { display: block; width: 100%;}
.item-list .pager li { position: relative}	

.view .date-nav-wrapper .date-heading { margin-bottom: 10px;}
.view .date-nav-wrapper .date-nav{ margin-bottom: 0; margin-top: 10px; height: auto; min-height: 0;}

.view .date-nav-wrapper .date-next { position: relative; background: none}
.view .date-nav-wrapper .date-prev { position: relative; background: none}


/*-----------------------------------------*/
/*------------ SPECIFIC LAYOUT ------------*/
/*-----------------------------------------*/
	
	.button-group .or-button { display: none}
	
	/*--- Student Information ---*/
	.tab-student-info { margin: 20px 0; padding: 0 20px;}
		.tab-student-info pre { margin: 0; padding: 0; background: none; border: none}
	
	/*--- Faculty Display ---*/
	.faculty-block { display: table; width: 100%;}
		.faculty-block .faculty-item { font-size: 13px; overflow: hidden; margin-bottom: 20px; padding: 15px 0;
			-webkit-box-shadow: 4px 4px 4px 0px rgba(0,0,0,0.3); -moz-box-shadow: 4px 4px 4px 0px rgba(0,0,0,0.3)); box-shadow: 4px 4px 4px 0px rgba(0,0,0,0.3);
		}
		.faculty-block .faculty-item .thumb { display: table-cell; vertical-align: top; width: 350px; text-align: center; padding-top: 15px;}
			.faculty-block .faculty-item .thumb img { width: auto; height: auto; max-width: 100%;}
		
		.faculty-block .faculty-item .content { display: table-cell;}	
		.faculty-block .faculty-item .faculty-title { padding-left: 15px; padding-right: 15px; font-weight: bold; color: #000; font-size: 18px; margin: 10px 0 0;}
		.faculty-block .faculty-item .faculty-info { padding-left: 15px; padding-right: 15px; margin: 12px 0 15px; font-size: 15px; line-height: 20px;}
		.faculty-block .faculty-item .faculty-link { display: inline-block; padding: 5px 10px; border: solid 1px #566c84; margin-left: 15px;}
		.faculty-block .faculty-item .faculty-expand { padding-left: 15px; padding-right: 15px; margin: 15px 0;}
		
		/*
		.faculty-block .fkip .thumb { background: #a980ba;}
		.faculty-block .fmipa .thumb { background: #669ad3;}
		.faculty-block .fekon .thumb { background: #b5b3b4;}
		.faculty-block .fisip .thumb { background: #f89432;}
		.faculty-block .pasca .thumb { background: #f89432;}
		.faculty-block .prog .thumb { background: #fef454;}
		*/
	
	/*--- Statistic Tabs ---*/
.statistic-tabs { margin: 15px 0;}
	.statistic-tabs .dexp_tab_wrapper .nav-tabs a { font-size: 13px; font-weight: bold; color: #151515; border: solid 1px #adadad; border-radius: 0;}
	.statistic-tabs .dexp_tab_wrapper .nav-tabs>li { margin-bottom: -2px;}
	.statistic-tabs .dexp_tab_wrapper .nav-tabs>li>a { margin-right: -1px;}
	.statistic-tabs .dexp_tab_wrapper .nav-tabs>li:last-child>a { margin-right: 0;}
	.statistic-tabs .dexp_tab_wrapper .nav-tabs li.active a { background: #b5cdef !important; color: #23374f; border: solid 1px #adadad;}
	.statistic-tabs .dexp_tab_wrapper .tab-content {border: solid 1px #adadad;}	


/*----------------------------------*/
/*------------ TEMP HAX ------------*/
/*----------------------------------*/

	body.menu-open #section-header { position: relative}
	
	.default #section-extra-bottom-1 { display: none}
	
	#block-search-form {
		height:168px;
	}
	.region-top{
	   height:168px;
	}
	
	.bx-wrapper .bx-loading { display: none}
	
	.portfolio-image .headline { display: none}
	
	.stButton .stFb, .stButton .stTwbutton, .stButton .stMainServices, .stButton .stButton_gradient { height: auto !important}
	
	#block-node-recent table { width: 100%;}
	#block-node-recent tr.even, #block-node-recent tr.odd { background: none}
	#block-node-recent .node-title { font-size: 16px; padding-left: 16px; position: relative}
		#block-node-recent .node-title:before { content: "\2022"; font-family: bullets; font-size: 20px; position: absolute; left: 0;}
	#block-node-recent .node-author { font-size: 13px; display: none}
	#block-node-recent tr.even, #block-node-recent tr.odd { border-bottom: none}
	#block-node-recent .more-link { text-align: left; margin: 15px 0 10px; font-size: 14px;}
		#block-node-recent .more-link a { font-style: italic}
	
	.meta ul li:first-child { display: none}
	
	
	
		
/*----------------------------------*/
/*------------ CALENDAR ------------*/
/*----------------------------------*/

.calendar-calendar .month-view .full td.single-day .inner div, .calendar-calendar .month-view .full td.single-day .inner div a, .calendar-calendar .month-view .full td.multi-day .inner div, .calendar-calendar .month-view .full td.multi-day .inner div a, .calendar-calendar .month-view .full td .inner div.calendar.monthview div, .calendar-calendar .month-view .full td .inner div.calendar.monthview div a, .calendar-calendar .week-view .full td.single-day .inner div, .calendar-calendar .week-view .full td.single-day .inner div a, .calendar-calendar .week-view .full td.multi-day .inner div, .calendar-calendar .week-view .full td.multi-day .inner div a, .calendar-calendar .week-view .full td .inner div.calendar.weekview div, .calendar-calendar .week-view .full td .inner div.calendar.weekview div a, .calendar-calendar .day-view .full td .inner div.view-item, .calendar-calendar .day-view .full td .inner div.calendar div, .calendar-calendar .day-view .full td .inner div.calendar div a
	{ font-size: 14px !important;}
	
	.calendar-calendar td span.date-display-single, .calendar-calendar td span.date-display-start, .calendar-calendar td span.date-display-end, .calendar-calendar td span.date-display-separator
	{ font-weight: normal; padding: 0 5px;}
	
	.calendar-calendar td a { color: #000 !important}

.view-profil .item-list, .view-pengumuman .item-list, .view-berita .item-list, .view-berita-upbjj .item-list {
	text-align: left;
}

.view-id-features_block .item-list {
	text-align: left;
}


.region-socials-bottom .block { height: auto}

.block-dexp-layerslider { display: block !important}
	
	@media only screen and (max-width: 767px) {
		.block-dexp-layerslider { display: block !important}
		.tp-caption { display: none}
	}