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

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


.gtranslate_wrapper {
	display: inline;
	margin-left: 30px;
}

.gtranslate_wrapper a {
	color: #FFF;
	padding: 0 10px 0 0;
}

.gtranslate_wrapper a:before {
	content: '|';
	margin-right: 10px;
	font-weight: 400 !important;
}

.vertical-menu {
    position: fixed;
    top: 62px;
    right: -260px
    width: 250px;
    height: 100%;
    background: #333;
    transition: right 0.3s ease;
}

.vertical-menu ul {
    list-style-type: none;
    padding: 0;
}

.vertical-menu li {
    padding: 10px;
}

.vertical-menu a {
    color: #fff;
    text-decoration: none;
}

.menu-toggle {
    position: fixed;
    top: 62px;
    right: 0px;
    cursor: pointer;
    z-index: 9999;
}

.hamburger {
    width: 30px;
    height: 3px;
    background: #fff;
    margin-bottom: 5px;
}


.footer a{
	color:#fff;
	cursor: pointer;
}

.footer-hubungi-kami p, .footer-pautan-pantas p{
	display: inline-block;
	padding-bottom:5px;
  	border-bottom: 2px solid #AB68FF; 
  	width: 95%;
}

.program-slider .img-inner {
	padding: 0 30px;
}

.program-slider .box-text a:hover {
	color: #6f1ed3;
}

.berita-terkini-slider .img-inner,
.apa-kata-mereka-slider .img-inner {
    padding: 0 10px;
}

.apa-kata-mereka-slider .icon-box {
	background: url(/wp-content/uploads/2024/03/Arc.png) right 20px bottom no-repeat;
	background-size: auto 80%;
}

.flickity-page-dots .dot {
	margin-bottom:-50px;
}

.html_nav_position_text_top ul {
	list-style: none;	
}

.html_nav_position_text_top ul li {
	background-color: #0C236B;
	padding: 10px;
}


.html_nav_position_text_top ul li a {
	color: #ffffff
}


.html_nav_position_text_top nav {
	margin-top: 20px;
    margin-right: -15px;
}

.main-menu,
.second-main-menu,
.third-main-menu {
    position: fixed;
    top: 0;
    right: -300px; /* initially hide the menu off-screen */
    width: 300px;
    height: 100%;
    background-color: #0C236B;
    transition: right 0.3s ease;
    padding: 50px 15px;
}

.main-menu a,
.second-main-menu a,
.third-main-menu a {
    color: #FFF;
}

a.menu-close {
    text-align: right;
    margin: 0 0 0 auto;
    padding: 5px;
}

.open {
    right: 0; /* show the menu */
}

/* .menu-open .scroll-lock {
    overflow-x: hidden;
	overflow-y: hidden;
} */

.scroll-lock-test {
	overflow: hidden;
}

.pushed {
    transition: all 0.3s ease;
    transform: translateX(-300px); /* push the main content when menu is open */
}

#nav-icon-menu {
    width: 280px;
}

#nav-icon-menu li {
    border: 0;
    padding: 0;
    margin-bottom: 10px;
}

#nav-icon-menu li a {
    width: 100%;
    /*display: inline-block;*/
    padding: 15px 0;
    padding-left: 50px;
    background: url(/wp-content/uploads/2024/02/menu-blue-bg.png) center left no-repeat;
    background-size: 100% 100%;
    text-transform: uppercase;
    font-weight: 700;
    color: #FFF;
    display: flex;
}


#nav-icon-menu li.main-menu-slide a {
    background: url(/wp-content/uploads/2024/02/menu-purple-bg.png) center left no-repeat;
    background-size: 100% 100%;
}

.header-nav-main {
    position: fixed;
    right: 0;
    top: 80px;
	transition: transform 0.5s ease; 
	transform: translateX(0); 
	width: 300px;
}

.header-bottom {
	z-index: 12321232;
}

.nav-icon-menu.mobile-close {
	display: none;
}

nav#nav-icon-menu.mobile-open {
	display: block;
	position: fixed;
	width: 100vw;
	height: 100vh;
	top: 0;
	left: 0;
	z-index: 12312312;
	padding: 0;
}

html[lang=ms-MY] #nav-icon-menu li a:before, html[lang=en-US]  #nav-icon-menu li a:before {
    content: '';
    width: 20px;
    height: 20px;
    display: inline-block;
    margin-right: 10px;
}

html[lang=ms-MY] #nav-icon-menu li.menu-icon a:before, html[lang=en-US] #nav-icon-menu li.menu-icon a:before {
    background: url(/wp-content/uploads/2024/02/menu-icon.png) center center no-repeat;
    background-size: contain;
}

html[lang=ms-MY] #nav-icon-menu li.daftar-icon a:before, html[lang=en-US] #nav-icon-menu li.daftar-icon a:before {
    background: url(/wp-content/uploads/2024/02/daftar-icon.png) center center no-repeat;
    background-size: contain;
}

html[lang=ms-MY] #nav-icon-menu li.program-icon a:before, html[lang=en-US] #nav-icon-menu li.program-icon a:before {
    background: url(/wp-content/uploads/2024/02/program-icon.png) center center no-repeat;
    background-size: contain;
}

html[lang=ms-MY] #nav-icon-menu li.projek-icon a:before, html[lang=en-US] #nav-icon-menu li.projek-icon a:before {
    background: url(/wp-content/uploads/2024/02/projek-iocn.png) center center no-repeat;
    background-size: contain;
}

html[lang=ms-MY] #nav-icon-menu li.warga-icon a:before, html[lang=en-US] #nav-icon-menu li.warga-icon a:before {
    background: url(/wp-content/uploads/2024/02/warga-icon.png) center center no-repeat;
    background-size: contain;
}

html[lang=ms-MY] #nav-icon-menu li.hubungi-icon a:before, html[lang=en-US] #nav-icon-menu li.hubungi-icon a:before {
    background: url(/wp-content/uploads/2024/02/hubungi-icon.png) center center no-repeat;
    background-size: contain;
}

html[lang=ar] #nav-icon-menu li a:after {
    content: '';
    width: 20px;
    height: 20px;
    display: inline-block;
    margin-right: 10px;
position: absolute;
right: auto;
left: 55px;
}

html[lang=ar] #nav-icon-menu li.menu-icon a:after {
    background: url(/wp-content/uploads/2024/02/menu-icon.png) center center no-repeat;
    background-size: contain;
}

html[lang=ar] #nav-icon-menu li.daftar-icon a:after {
    background: url(/wp-content/uploads/2024/02/daftar-icon.png) center center no-repeat;
    background-size: contain;
}

html[lang=ar] #nav-icon-menu li.program-icon a:after {
    background: url(/wp-content/uploads/2024/02/program-icon.png) center center no-repeat;
    background-size: contain;
}

html[lang=ar] #nav-icon-menu li.projek-icon a:after {
    background: url(/wp-content/uploads/2024/02/projek-iocn.png) center center no-repeat;
    background-size: contain;
}

html[lang=ar] #nav-icon-menu li.warga-icon a:after {
    background: url(/wp-content/uploads/2024/02/warga-icon.png) center center no-repeat;
    background-size: contain;
}

html[lang=ar] #nav-icon-menu li.hubungi-icon a:after {
    background: url(/wp-content/uploads/2024/02/hubungi-icon.png) center center no-repeat;
    background-size: contain;
}

html[lang=ar] .header-nav-main {
	top: 140px;
/* right: -22px; */
}

html[lang=ar] #nav-icon-menu li a:before {
/* 	margin-left: 10px; */
}

html[lang=ar] #nav-icon-menu li a {
	padding-right: 50px;
	padding-left: 0;
	margin-right: -20px;
}

#menu-main-menu .sub-menu {
	border-left: none !important;
}

.sub-menu .menu-item:not(:last-child):after {
    content: "";
    border-bottom: 1px solid rgba(203, 166, 255, 1);
    display: flex;
    width: 100%;
}

.menu .icon-angle-down {
    color: rgba(203, 166, 255, 1);
    display: inline-block;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    border: 2px solid rgba(203, 166, 255, 1);
    text-align: center;
    line-height: 23px;
    font-size: 19px;
}

.menu-main-menu-container > .menu > .menu-item  > a {
	font-weight: 700;
}

.stuck .header-main {
	background: #0C236B;
}

.stuck .header-nav-main {
	position: fixed;
    right: 0;
    top: 80px;
	transform: translateX(200px); /* Slide the menu to the left by 200px when scrolled */

}

.stuck .html_topbar_right {    
	position: fixed;
/*     right: -8px; */
	right: 0;
    top: 0px;
    transition: transform 0.5s ease;
    transform: translateX(0);
}

.stuck .html_topbar_right:hover {
	position: fixed;
    right: 0px;
    top: 0px;
	transform: translateX(-200px); /* Slide the menu to the left by 200px when scrolled */

}

.sec-icon-title {
	color: #6f1ed3;
	font-weight: 700;
	font-size: 18px;
}

.program-slider .box-text {
	background: linear-gradient(180deg, transparent, #FFF); 
	mix-blend-mode: normal; 
	border-bottom-right-radius: 20px;
    border-bottom-left-radius: 20px;
	padding-top: 25px;
	text-shadow: none !important;

}

.program-slider .box-text p {
	font-size: 16px;
}

.program-slider .box-image {
	border-radius: 20px;
}

.program-slider .section {
	padding-left: 10px;
	padding-right: 10px;
}

div.testimonial-meta.pt-half {
    margin-left: -98px !important;
}

.pengajian-tabs-content ul.nav.nav-tabs {
	justify-content: space-between;
	align-items: end;
}

.pengajian-tabs-content ul.nav.nav-tabs>li>a, .pengajian-tabs a.pengajian-tab {
	border: 0;
	border-radius: 20px 20px 0 0;
	background: #CBA6FF !important;
	color: #0C236B;
	font-size: 16px;
	width: calc(100% - 10px);
	margin: 0 auto;
	display: inline-block;
}

.pengajian-tabs-content ul.nav.nav-tabs>li.active> a, ul.nav.nav-tabs>li:hover> a, .pengajian-tabs a.pengajian-tab:hover, .pengajian-tabs a.pengajian-tab.active {
	background: #0C236B !important;
	color: #CBA6FF;
/* 	padding: 20px 15px; */
	height: 90px;
    align-items: center;
    display: inline-flex;
    justify-content: center;
}

.pengajian-tabs a.pengajian-tab.active:hover {
	background: #0C236B !important;
	box-shadow: none;
}

.pengajian-tabs-content ul.nav.nav-tabs + .tab-panels {
	padding: 0;
}

.pengajian-tabs-content .tab-panels section {
padding: 0;
}

.pengajian-tabs-content .tab-panels section ul.nav {
background: #0C236B;
}


.pengajian-tabs-content .tab-panels section ul.nav>li>a {
color: #FFF;
}

.pengajian-tabs-content .tab-panels section ul.nav>li.active>a, .pengajian-tabs-content .tab-panels section ul.nav>li:hover>a {
border: 3px solid #AB68FF;
}

.pengajian-tabs .accordion-item {
border: 2px #6F1ED3 solid;
border-radius: 20px;
background: #F6F6F6;
	padding: 10px 20px;
	margin-bottom: 10px;
}

.pengajian-tabs .accordion-item .accordion-title {
padding-left: 0;
	border: 0;
}

.pengajian-tabs .accordion-item .accordion-title button {
left: auto;
right: 0;
background: #0C236B;
color: #FFF;
border-radius: 99px;
	opacity: 1;
	margin-left: 5px;
	margin-right: 0;
	    width: 42px;
    padding-top: 3px;
}

.pengajian-subtab ul {
	display: flex;
	justify-content: left;
	list-style-type: none;
	margin: 0;
}

.pengajian-subtab ul li {
	height: 90px;
    align-items: center;
    display: inline-flex;
    justify-content: center;
	list-style-type: none;
	padding: 5px 15px;
	margin: 0;
}

.pengajian-subtab ul li + li {
	border-left: 2px solid #4C66BB;
}

.pengajian-subtab ul li.active,
.pengajian-subtab ul li:hover {
	border-bottom: 5px solid #AB68FF;
}

ul.menu>li+li {
    border-top: 1px solid rgba(203, 166, 255, 1);
}

.menu-main-menu-container .menu .menu-item.active > a {
	position: relative;
    text-decoration: none; /* Optional: Remove underline */
}

.menu-main-menu-container .menu .menu-item.active > a::after {
	content: '';
    position: absolute;
    left: 0;
    bottom: -5px; /* Adjust as needed to extend beyond the bounding box */
    width: 123%;
    height: 1px; /* Border thickness */
    background-color: rgba(203, 166, 255, 1); /* Border color */
}

.menu ul.sub-menu > li:first-child {
	padding-top: 10px;	
}

/* accordion-table */
.accordion-table {
    border-collapse: collapse;
	width: 100%;
            table-layout: fixed;
}

.accordion-table td {
    color: #263C83; 
    border: 1px solid #516BC1; /* Add border to all cells */
    padding-left: 10px; /* Add left padding to all cells */
}

.accordion-table tr:first-child {
    background-color: #263C83; /* Change background color of the first row */
}

.accordion-table tr:first-child td {
    color: white; 
}

.accordion-table td:first-child {
    font-weight: 800;
  }

/* program-button-mobile */
a.button.secondary.lowercase.program-button-mobile {
	width:90%;
}

.kerjaya .text {
	background: url(/wp-content/uploads/2024/03/Group-26.png);
    background-size: cover;
    background-position: center;
    padding: 30px 20px;
	border-radius: 20px;
}

.kerjaya .text p {
	margin: 0px;
}

.kerjaya-hubungi-kami .icon-box {
	max-width: 30%;
}

.kerjaya-hubungi-kami .icon-box-text {
	margin: auto;
}

.kerjaya-hubungi-kami-text {
	max-width: 30%;
}

.line hr {
    border-width: 0;
    border-top: 2px solid;
    margin: 15px auto;
    opacity: .3;
    max-width: 90%;
}

.pentadbiran-tabs li {
	padding: 20px;
	background-color: rgba(232, 215, 255, 1);
}

.pentadbiran-tabs li a span{
	color: rgba(12, 35, 107, 1);
}

.pentadbiran-tabs li.active{
	background-color: rgba(111, 30, 211, 1);
}

.pentadbiran-tabs li.active a span{
	color: #ffffff;
}

.nav-vertical.nav-line>li>a:before {
    height: 100%;
    left: auto;
    right: -5px;
    width: 7px;
    z-index: 1;
}

.pentadbiran-tabs ul {
	padding-top: 20px !important;
	padding-bottom: 20px;
	background-color: rgba(232, 215, 255, 1);
	border-top-right-radius: 20px;
	border-bottom-right-radius: 20px;
}

p.gform_required_legend {
	display: none;
}

.gform_wrapper.gravity-theme input[type=color], .gform_wrapper.gravity-theme input[type=date], .gform_wrapper.gravity-theme input[type=datetime-local], .gform_wrapper.gravity-theme input[type=datetime], .gform_wrapper.gravity-theme input[type=email], .gform_wrapper.gravity-theme input[type=month], .gform_wrapper.gravity-theme input[type=number], .gform_wrapper.gravity-theme input[type=password], .gform_wrapper.gravity-theme input[type=search], .gform_wrapper.gravity-theme input[type=tel], .gform_wrapper.gravity-theme input[type=text], .gform_wrapper.gravity-theme input[type=time], .gform_wrapper.gravity-theme input[type=url], .gform_wrapper.gravity-theme input[type=week], .gform_wrapper.gravity-theme select, .gform_wrapper.gravity-theme textarea {
	border-radius: 5px;
}

.gform_footer {
	text-align: right;
}

.gform_footer input {
	margin-right: 0;
}

.subpage-banner .section-bg-overlay {
	background-image: url(/wp-content/uploads/2024/03/Mask-group.png);
	background-repeat: no-repeat;
	background-position: left 140% bottom;
	background-size: contain;
}

/*Hide menu and takbir urus and pensyarah image*/
.tadbir-urus-tab img.attachment-.size- {
	display:none;
}

.pensyarah-pusat img.attachment-.size- {
	display:none;
}

li#menu-item-1144 {
	display:none;
}

li#menu-item-1143 {
    display: none;
}

body > .body-menu-mobile {
	display: none;
}
	.body-menu-mobile.main-menu-mobile.mobile-menu {
		display: none;
	}
	.body-menu.main-menu {
		display: block;
	}

.accordion-title.active {
	background: none;
}

/* .te_postCardContent {
	background-color: rgba(111, 30, 211, 0.7);
	color: #FFF;
} */

.profil-visi-misi .col-inner {
	overflow: hidden;
}

.jawatan-kosong .awsm-grid-item .awsm-job-item {
	border-radius: 15px;
	border: 2px solid rgba(38, 60, 131, 1);
}

.jawatan-kosong .awsm-job-specification-wrapper {
	display: flex;
}

.jawatan-kosong .awsm-job-specification-wrapper > div {
	margin-right: 20px;
}

.contact-details .social-icons i {
	color: var(--primary-color);
}

.subpage-banner h1 {
	margin-top: 80px;
}

.event-kode{
	color:#fff;
	margin-bottom:0;	
}

.wpml-ls-legacy-list-horizontal a {
	color: #FFF;
}

.wpml-ls-legacy-list-horizontal a:hover {
	color: rgb(203, 166, 255);
}

@media only screen and (max-width: 848px) {
	
	.mfp-content {
		width: 100% !important;
			background-color: var(--primary-color) !important;
	}
	
	.mfp-content .menu-mobile-menu-container {
		padding: 50px 20px; 
	}
	
	.body-menu.main-menu {
		display: none;
	}
	.mfp-wrap .body-menu-mobile.main-menu-mobile.mobile-menu {
		display: block;
	}
	
	ul.menu>li li>a {
    width: calc(100% - 55px);
}
	
	.sub-menu .menu-item:not(:last-child):after {
		display: none;
	}
	
	.sec-icon-title {
	color: #6f1ed3;
	font-weight: 700;
	font-size: 18px;
	margin-bottom: 2px;
}
	
	p.sec-icon-sub {
		font-size: .9em;
	}
	
	.rektor-col .col-inner {
		padding: 0px 20px 20px 20px !important;
	}
	
	.sec-title {
		padding: 20px;
	}
	
	div.testimonial-meta.pt-half {
    	margin-left: -11vh !important;
	}
	
	/* Style for the hamburger icon */
	.hamburger-icon {
		display: block;
		width: 25px;
		height: 2px;
		background-color: #ffffff;
		position: relative;
	}

	/* Style for the middle line of the hamburger icon */
	.hamburger-icon::after,
	.hamburger-icon::before {
		content: '';
		display: block;
		position: absolute;
		width: 100%;
		height: 100%;
		background-color: inherit; /* Inherit color from parent */
	}

	/* Positioning for top and bottom lines */
	.hamburger-icon::before {
		top: -8px; /* Adjust distance from middle line */
	}

	.hamburger-icon::after {
		bottom: -8px; /* Adjust distance from middle line */
	}
	
	#nav-icon-menu {
		width: auto;
		position: fixed;
    	top: 30px;
    	right: -20px;
		background-color: rgba(12, 35, 107, 1);
    	padding: 20px 20px 22px 17px
	}	
	
	#masthead {
/* 		top: 38px; */
		background: var(--primary-color);
	}

.subpage-banner h1 {
	margin-top: 120px;
}
	
	.main-menu {
    position: relative;
    top: 0;
    right: 0; /* initially hide the menu off-screen */
    width: 100vw;
    height: 100vh;
    background-color: #0C236B;
    transition: right 0.3s ease;
    padding: 50px 15px;
		z-index: 1232321;
	}
	
	.second-main-menu {
		z-index: 12323215;
	}
	
	.third-main-menu {
		z-index: 123232158;
	}
	
	.pushed {
    	transition: all 0.3s ease;
    	transform: translateX(-100vw); /* push the main content when menu is open */
	}
	
	.open {
    	right: 0;
	}
	
	.logo-left .logo {
    	margin-left: 0;
    	margin-right: 20px !important;
	}
	
	.stuck #masthead {
		display: none;
	}
	
	.stuck #nav-icon-menu {
		width: 27px;
		position: fixed;
		top: 0px;
		right: -5px;
		background-color: rgba(12, 35, 107, 1);
		padding: 23px 39px 22px 17px;
	}
	
	.stuck .header-bottom {
		min-height: 0px !important;
	}
	
	.kerjaya-hubungi-kami-text {
		max-width: 100%;
	}
	
	.kerjaya-hubungi-kami .icon-box {
		max-width: 60%;
	}
	
	.subpage-banner .section-bg-overlay {
		background-size: cover;
		background-position: center center;
	}

}

@media only screen and (max-width: 450px) {
	
}