/*
Theme Name: Prodi Theme
Theme URI: prodi.omni.gg
Template: hello-elementor
Author: OMNI IT Consulting
Author URI: https://omni.gg
Version: 1.1680587772
Updated: 2023-04-04 05:56:12

*/

#navbarprodi {
	position:fixed;
	top:0;
	left:0;
	width:100%;
	z-index:1000;
}

.noheight {
	height:0;
}

@media only screen and (min-width: 768px) {
	#navbarprodi {
		background:none !important;
	}
	
	#navbarprodi a {
		color:#fff;
	}
	
	.logopetra {
		filter:invert();
	}
	
	.logofakultas {
		filter:brightness(0) invert();
	}
}



#navbarprodi.scrolled .logofakultas {
	filter:none !important;
}

#navbarprodi.scrolled {
	background:#fff !important;
	filter:none !important;
}

#navbarprodi.scrolled a {
	color:var( --e-global-color-primary ) !important; !important;
}

#navbarprodi.scrolled .logopetra {
	filter:none !important;
}

#navbarprodi nav.elementor-nav-menu--dropdown {
	height:100vh;
	padding-top:0px;
	margin:0 !important;
	transform:scaleY(1) !important;
	opacity:0;
	z-index:-1;
	transition:0.3s;
	display:flex;
	flex-flow:column wrap;
	justify-content:center;
}

#navbarprodi .elementor-nav-menu--dropdown ul {
	margin-left:0 !important;
}

#navbarprodi .elementor-nav-menu--dropdown[aria-hidden='false'] {
	opacity:1;
	transition:0.3s;
	z-index:100;
}

#navbarprodi nav.elementor-nav-menu--dropdown a {
	font-size:1.45rem;
	padding:15px 20px;
	background:none !important;
	color:#000 !important;
}

#navbarprodi nav.elementor-nav-menu--dropdown a:hover {
	color:var( --e-global-color-accent ) !important;
}

#navbarprodi .sub-menu a {
	border:none !important;
	background:#fff !important;
	color:#000 !important;
}

.btnmenutranslate .sub-menu a {
	color:#000 !important;
	background:#fff !important;
	padding:10px !important;
	border:none !important;
}

.btnmenutranslate .sub-menu {
	min-width:0 !important;
}

@media only screen and (max-width: 768px) {
	.btnmenutranslate .sub-menu a {
		padding:15px 20px !important;
	}
}

.pcuuniverse {
	aspect-ratio:16/9;
}

.swiper-container{
	overflow:visible;
}

.pagetabbing ul{
	list-style:none;
	padding:0;
	display:flex;
	flex-flow:row;
	margin-bottom:30px;
}

.slidercontent-withheader article {
	margin-right:25px !important;
}

.pagetabbing ul li {
	font-size:22px;
	font-weight:600;
	color:var( --e-global-color-primary ) !important;
	margin-right:5%;
	font-family:"Inter";
	cursor:pointer;
	padding-bottom:10px;
}

.pagetabbing ul li.active {
	border-bottom:2px solid var( --e-global-color-accent )
}

.customsec {
	max-height:0px;
	overflow:hidden;
	padding:0 5%!important;
	transition:opacity .2s !important;
	opacity:0;
	
}

.customsec.active {
	max-height:10000px;
	overflow:hidden;
	padding:0 5% 5%!important;
	transition:opacity .3s !important;
	opacity:1;
}

.profil-lulusan p {
	max-height:0px;
	overflow:hidden;
	transition:opacity 0.6s !important; 
	transition-timing-function: ease-in-out;
	opacity:0;
	margin:0;
}

.profil-lulusan .elementor-column:hover p {
	max-height:2000px;
	transition:opacity 0.6s !important; 
	transition-timing-function: ease-in-out;
	opacity:1;
}

.profil-lulusan .elementor-column {
	transition:0.6s !important;
}

.profil-lulusan .elementor-column:hover {
	width:100%;
	transition:0.6s;
}

.profil-lulusan .elementor-column:hover .elementor-widget-wrap {
	padding:40px !important;
}

.profil-lulusan .elementor-column:hover .elementor-background-overlay {
	opacity:0.2 !important
}

.researchcard:hover {
	background:var( --e-global-color-accent ) !important;
}

.researchcard:hover h3,.researchcard:hover h5,.researchcard:hover h6,.researchcard:hover i {
	color:#fff !important;
}

.autolist {
	list-style:none;
	padding:0 !important;
	display:flex;
	flex-flow:row;
	margin-top:30px;
	margin-bottom:30px !important;
	width:100% !important;
}



.autolist li {
	color:#fff;
	font-family:"Inter";
	font-weight:600;
	font-size:1.45rem !important;
	margin-right:30px;
	opacity:0.5;
	cursor:pointer;
	transition:0.3s;
	flex:none !important;
}

.autolist li.active {
	opacity:1;
	transition:0.3s;
}

.programcontent article {
	visibility:hidden;
	max-height:0;
	overflow:hidden;
	padding:0 !important;
	opacity:0;
	transition:opacity 0.6s;
}

.programcontent article.active {
	display:block;
	visibility:visible !important;
	max-height:9999px !important;
	padding:0% 0% 0% 0% !important;
	opacity:1;
	transition:opacity 0.6s;
	overflow:visible !important;
}

.programcontent .headingsection {
	display:none !important;
}

@media only screen and (max-width: 768px) {
	.autolist {
		overflow-x:scroll;
		flex-basis:max-content !important;
	}
	
	.autolist li {
		font-size:1.25rem !important;
	}
	
}