/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Mar 02 2026 | 07:50:11 */
/* Custome font licensed for mica.ac.in only */

@font-face {
  font-family: 'Gottak';
  src: url('https://www.mica.ac.in/wp-content/uploads/fonts/Gottak-Light.woff2') format('woff2');
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: 'Gottak';
  src: url('https://www.mica.ac.in/wp-content/uploads/fonts/Gottak-Regular.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: 'Gottak';
  src: url('https://www.mica.ac.in/wp-content/uploads/fonts/Gottak-SemiBold.woff2') format('woff2');
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: 'Gottak';
  src: url('https://www.mica.ac.in/wp-content/uploads/fonts/Gottak-Bold.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: 'Gottak';
  src: url('https://www.mica.ac.in/wp-content/uploads/fonts/Gottak-ExtraBold.woff2') format('woff2');
  font-weight: 800;
  font-style: normal;
}


/* Apply Gottak font globally */
body,
button,
input,
select,
textarea,
.nav-menu a,
.elementor-button,
.elementor-widget-button a,
.elementor-widget-nav-menu a,
.widget a,
h1, h2, h3, h4, h5, h6,
.elementor-heading-title,
.elementor-nav-menu a , span, div p {
  font-family: 'Gottak', 'Outfit','Inter', sans-serif !important;
}



/*Banner controls */
		.hero-banner {
			padding-bottom: 5%; /* adjust % as needed */
		}
		/* Mobile adjustment — make hero banner height 90vh */
		@media screen and (max-width: 767px) {
			.hero-banner {
				height: 90vh !important;
			}
		}
		@media screen and (min-width: 1360px) {
			.hero-content {
				width: 70%;
			}
		}
			
		/* Global H styles for desktop/laptop */

		/* H1 inside the hero */
		.hero-content h1.elementor-heading-title {
			font-size: 48px;
			line-height: 1.1;
			font-weight: 600;
			color: #fff ;
		}

		/* H2 inside the hero */
		.hero-content h2.elementor-heading-title {
			font-size: 20px;
			line-height: 1.2;
			font-weight: 500;
			color: #fff ;
		}

		/* Tablet Screens */
		@media (max-width: 1024px) {
			.hero-content h1.elementor-heading-title {
				font-size: 44px;
			}

			.hero-content h2.elementor-heading-title {
				font-size: 18px;
			}
		}

		/* Mobile Screens */
		@media (max-width: 767px) {
			.hero-content h1.elementor-heading-title {
				font-size: 40px;
			}

			.hero-content h2.elementor-heading-title {
				font-size: 18px;
			}
		}


/* Optional: Apply to menu toggle (mobile) */
.hfe-menu-toggle,
.elementor-menu-toggle {
  font-family: 'Gottak', sans-serif !important;
}
/* Force Gottak font on main header navigation links */
.main-header-menu a,
.ast-main-header-nav a,
.ast-header-break-point .main-header-bar-navigation a,
.hfe-nav-menu__layout-horizontal a,
.elementor-nav-menu a {
  font-family: 'Gottak', sans-serif !important;
  font-weight: 500; /* Change to 500, 600 etc. as needed */
}

.elementor-icon-list-item span{
	 font-family: 'Gottak', sans-serif !important;
	 }


.toc-mob .elementor-toc__body .elementor-toc__list-item-text {
    width: 100%;
}

/* Make whole title of table of content clickable, instead of just icon */
/* code from https://element.how/elementor-close-table-of-content-on-link-click/ */
.elementor-toc__toggle-button.elementor-toc__toggle-button--collapse::before,
.elementor-toc__toggle-button.elementor-toc__toggle-button--expand::before {
        content: '';
        position: absolute;
        z-index: 9;
        width: 99%;
        height: 30px;
        left: 0;
}

.elementor-toc__body {
    background-color: white;
}

.wpcf7 form.failed .wpcf7-response-output, .wpcf7 form.aborted .wpcf7-response-output {
    border-color: #dc3232;
    color: red;
}


/* change Image background in leadership and faculty */
.page-id-8562 .elementor-8562 .elementor-element .elementor-image-box-img img {
    background-color: #e5e5e5;
}

.elementor-5493 .elementor-element  nav.hfe-nav-menu__layout-vertical:not(.hfe-dropdown) ul.sub-menu {
        margin-top: 0px !important;
}


/* Style for active menu item */

	/* Only target active menu items inside .menu-act */
	.sub-menu-active a {
		background-color: #7E1E21 !important;
	}

	/* Style for the dropdown when active */
	ul.sub-menu.sub-menu-open li {
		background-color: #7E1E21 !important;
	}
	.hfe-nav-menu__layout-vertical .hfe-menu-toggle:hover {
		border: none !important;
	}

	.wpcf7 form.failed .wpcf7-response-output,
	.wpcf7 form.aborted .wpcf7-response-output {
		border-color: #46b450 !important;
		color: #46b450 !important;
	}

	.wpcf7 form.sent .wpcf7-response-output {
		border-color: #46b450 !important;
		color: #46b450 !important;
	}

	.set-para-size p {
		font-size: 18px !important;
		line-height: 140% !important;
		letter-spacing: 0%;
	}

	.ast-container, .ast-container-fluid {
		margin-left: auto;
		margin-right: auto;
		padding-left: 0px !important;
		padding-right: 0px !important;
	}

	.ast-container {
		max-width: 100%;
	}

	.ast-separate-container #primary,
	.ast-separate-container.ast-left-sidebar #primary,
	.ast-separate-container.ast-right-sidebar #primary {
		margin: 0 !important;
		padding: 0 !important;
	}

/*
.elementor-button span:hover {
    text-decoration: underline;
} */


/* Custom accordion styling in single page template */

/* Accordion Wrapper */
.elementor-accordion {
    border-top: 1px solid #ddd;
    font-family: inherit;
    font-size: 16px;
}

/* Accordion Item */
.elementor-accordion-item {
    border-bottom: 1px solid #ddd;
}

/* Accordion Title */
.elementor-tab-title {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 18px 0;
    cursor: pointer;
    font-weight: 600;
    font-size: 18px;
    color: #000;
}

/* Accordion Icon (right side) */
.elementor-accordion-icon {
    display: flex;
    align-items: center;
    margin-left: 15px;
    font-size: 16px;
    color: #333;
}

.elementor-accordion-icon .icon {
    display: none;
}

.elementor-accordion-item.elementor-active .icon-open {
    display: inline-block;
}

.elementor-accordion-item:not(.elementor-active) .icon-closed {
    display: inline-block;
}

/* Accordion Content */
.elementor-tab-content {
    display: none;
    padding: 10px 0 20px;
    color: #333;
    line-height: 1.6;
}

.elementor-accordion-item.elementor-active .elementor-tab-content {
    display: block;
}

.elementor-tab-content p {
    margin-bottom: 1em;
}

.elementor-tab-content strong,
.elementor-tab-content b {
    font-weight: bold !important;
}

.elementor-tab-content a {
    color: #0073aa;
    text-decoration: underline;
}

/* Custom colors for accordion */
.elementor-accordion-item .accordion-title-text {
    color: #262626 !important;
    font-family: Gottak !important;
    font-size: 20px;
    font-weight: 600;
}

/* .elementor-accordion-item .elementor-tab-title::before {
	 content: "";
    color: #171717 !important;
} */

.elementor-tab-content {
    color: #525252;
}

/* Elementor button global styles */
.elementor-button {
  display: inline-flex;
  justify-content: flex-start;
  align-items: center;
  text-align: left;
  line-height: 20px;
  white-space: normal;
  word-break: break-word;
	line-height: 22px;
  /* No width:100% here */
}

.elementor-button .elementor-button-icon {
  margin-left: auto;
  align-self: flex-start;
  margin-top: 0px;
}

/* Elementor text editor UL li */
.list-block ul li, .list-block ol li {
  list-style-position: outside;
  padding-left:20px;
  margin-left:20px;
	margin-bottom:5px;

}


/* Make image sticky within the parent section */
/* Make section layout stretch both columns */
.sticky-parent {
  display: flex;
  align-items: stretch;
}

/* Stretch each column equally */
.sticky-parent > .elementor-column {
  align-self: stretch;
}

/* Sticky image style */
.sticky-side-image {
  position: sticky;
  top: 60px; /* adjust if needed */
  align-self: flex-start;
}

/* card hover apply link */
.card-hover:hover span.elementor-button-text {
    border-bottom: 2px solid #b61d22;
}

.elementor-icon-box-title a {
  position: relative;
  text-decoration: none;
  color: inherit;
	transition: border-bottom 0.3s ease;
	padding-bottom: 2px;
	
}

/* Border-bottom on hover */
.elementor-icon-box-title a:hover {
  border-bottom: 2px solid #b61d22;
}

.hentry {
    margin: 0px !important;
}



/* leadership faculty single page background allignment */
.single-page-background-overelay .e-con{
--container-default-padding-left:0px !important;
}

 .elementor-12180 .elementor-element.elementor-element-935ed80:not(.elementor-motion-effects-element-type-background){
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
}

/* leadership inside accordian links */
.elementor-tab-content a {
    color: #B61D22 !important;
    text-decoration: underline;
}

/*  ACCORDIAN TAB SPACING*/
.elementor-tab-content h4 {
padding-bottom: 20px;
color: #262626 !important;
}

.elementor-tab-content li {
    line-height: 140% !important;
	 letter-spacing: 0.2px !important;
}

.elementor-tab-content h5 {
    padding-bottom: 18px;
    color: #262626 !important;
}

.ast-page-builder-template .entry-header.ast-header-without-markup {
    margin-top: -58px;
}

.elementor-3924 .elementor-element.elementor-element-b9db9eb:not(.elementor-motion-effects-element-type-background){
	z-index:99;
}

/* /popup position */
#elementor-popup-modal-16156 .dialog-widget-content {
    position: absolute;
    top: 66px;
    right: 324px;
}

/* /admission button  */
		.admissions26-btn > .elementor-widget-container .elementor-button {
			background-color: #262626 !important;
			color: #fff !important;
			padding: 12px 40px 12px 24px !important; /* increased right padding to make space for icon */
			border: none !important;
			border-radius: 0 !important;
			font-size: 16px !important;
			font-weight: 700 !important;
			text-align: center !important;
			cursor: pointer !important;
			transition: background-color 0.3s ease, color 0.3s ease !important;
			display: inline-block !important;
			text-decoration: none !important;
			position: relative; /* required so icon positions relative to button */
		}

		.admissions26-btn > .elementor-widget-container .elementor-button:hover {
			background-color: #111 !important;
			color: #fff !important;
			text-decoration: underline !important;
		}

		/* ICON ONLY ON PAGE 20978 */
		.page-id-20978 .admissions26-btn::after {
			font-family: "Font Awesome 5 Free";
			content: "\f35d"; /* external-link-alt icon */
			font-weight: 900;
			position: absolute;
			right: 14px; /* icon position */
			top: 50%;
			transform: translateY(-50%);
			font-size: 14px;
		}

		.No-list {
			list-style: none;
		}

		img.emoji {
			height:32px !important;
		 	vertical-align: text-bottom !important;
		}


/* For search container */
.search-container article {
    background-color: white;
}

.search-container .elementor-post__text {
    padding: 24px;
}

.search-container .elementor-posts .elementor-post__excerpt {
    margin-bottom: 0px !important;
}

.search-container .elementor-16074 .elementor-element.elementor-element-ddca64b {
    --grid-row-gap: 5px !important;
}

.search-container h3.elementor-post__title a {
    color: #171717 !important;
	font-weight: 500 !important;
}

.elementor-post__excerpt p {
    color: #171717 !important;
    font-weight: 400 !important;
}

.elementor-widget-search .e-search-input.no-icon-label {
    border: none;
}

.e-search-input-wrapper{
	order:2;
}

 .search-container .elementor-pagination a {
    background-color: white;
    padding: 10px;
}

.search-container .elementor-pagination span{
	background-color: #000000;
	color: white !important;
	padding: 10px;
}

.search-container .elementor-pagination{
	margin-top: 20px;
}

.elementor-3924 .elementor-element.elementor-element-286f727 a.hfe-menu-item {
    font-size: 16px ;
    font-weight: 500;
    line-height: 18px;
}

/* Remove blue background from autocomplete/autofill */
input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0px 1000px #fff inset !important; /* background color */
  -webkit-text-fill-color: #000 !important; /* text color */
}

/* For normal focus styling */
input:focus {
  background-color: #fff !important; 
  color: #404040 !important;
}

/* On hover of card, style the h3 link */
.search-container .elementor-post:hover .elementor-post__title a {
/*   color: #B61D22 !important; */
  border-bottom: 2px solid #B61D22; /* thickness + color */
}

/* Smooth animation */
.search-container .elementor-post__title a {
  transition: color 0.3s ease, border-color 0.3s ease;
  border-bottom: 2px solid transparent; /* keep space consistent */
}

.elementor-3924 .elementor-element.elementor-element-286f727 .menu-item a.hfe-menu-item{
width:105% ;
}
	
body:not(.rtl) .elementor-3924 .elementor-element.elementor-element-286f727 .hfe-nav-menu__layout-horizontal .hfe-nav-menu > li.menu-item:not(:last-child){
width: 170px ;
}

@media (min-width: 1920px){
	.elementor-3924 .elementor-element.elementor-element-286f727 .menu-item a.hfe-menu-item{
	width:100% !important;
	}
	
body:not(.rtl) .elementor-3924 .elementor-element.elementor-element-286f727 .hfe-nav-menu__layout-horizontal .hfe-nav-menu > li.menu-item:not(:last-child) {
    width: 190px !important;
}
		
}

.elementor-3924 .elementor-element.elementor-element-286f727 .menu-item a.hfe-menu-item {
    height: 70px;
}

/* sub-menu hover main menu active*/
/* When hovering on submenu, style the parent menu item */
 .menu-item.menu-item-has-children:hover > .hfe-has-submenu-container{
    background-color: #FFFFFF33; /* semi-transparent white */
    color: #fafafa; /* text color */
}

/* Ensure link inside parent also inherits color */
.menu-item.menu-item-has-children:hover > .hfe-has-submenu-container a,
.menu-item.menu-item-has-children:focus-within > .hfe-has-submenu-container a {
    color: #fafafa;
}

/* Optional: keep submenu links unchanged on hover */
.menu-item.menu-item-has-children .sub-menu a:hover {
    color: #fafafa; /* or keep original if needed */
}

.hfe-nav-menu .sub-arrow{
	margin-right:10px;
} 

/* ---------- Responsive Table Styling for PGP page ---------- */
.responsive-compare-table {
  width: 100%;
  border-collapse: collapse;
	background-color: #fefefe;
	margin:0px;
	border: 1px solid #ddd;
}

.responsive-compare-table th,
.responsive-compare-table td {
  padding: 5px 20px;
  text-align: left;
  vertical-align: top;
	color: #525252;
	
}

.responsive-compare-table th {
  background-color: #eee;
  color: #171717;
  font-weight: 600;
}

.responsive-compare-table td strong {
  color: #171717;

}

@media (max-width: 768px) {
  .responsive-compare-table,
  .responsive-compare-table thead,
  .responsive-compare-table tbody,
  .responsive-compare-table th,
  .responsive-compare-table td,
  .responsive-compare-table tr {
    display: block;
    width: 100%;
  }

  .responsive-compare-table thead tr {
    display: none;
  }

  .responsive-compare-table tr {
    margin-bottom: 10px;
    border-bottom: 2px solid #ddd;
    padding: 10px;
	 
  }

  .responsive-compare-table td {
    border: none;
    position: relative;
    padding-left: 30%;
	
  }

  .responsive-compare-table td::before {
    content: attr(data-label);
    position: absolute;
    left: 16px;
    width: 45%;
    font-weight: 600;
    color: #171717;
    text-transform: capitalize;
  }
}

/* list styling on program pages	 */

.custom-stage-list li {
	  list-style-type: none;
  padding-left: 0;
  margin-bottom: 10px;
  padding-bottom: 10px;
  border-bottom: 1px solid #E5E5E5; /* optional: replace with desired color */
}

.custom-stage-list-small li {
	list-style-type: none;
  padding-left: 0;
  margin-bottom: 5px;
  padding-bottom: 5px;
  border-bottom: 1px solid #E5E5E5; /* optional: replace with desired color */
	font-size:14px;
}
.custom-stage-list li:last-child {
  border-bottom: none;
}
.custom-notes p{
	font-size:14px;
	line-height:18px;
}

	

/* search page template	 */
 .gsc-control-cse .gsc-option-menu-container {
    width: 50% !important;
}

.gsc-orderby-container {
    text-align: left !important;
}

/* .gsc-control-cse .gsc-option-menu{
	position: unset !important;
} */

.gsc-webResult.gsc-result {
     border-bottom: 1px solid #e9e9e9 !important;
}

.gcsc-find-more-on-google {
    display: none !important;
}

.page-id-18626 .hid-srch-pg {
    display: none;
} 

/*meritto */
	
		button.npfWidgetButton.npfWidget-b605b719c91a7d420099883ebc4a8024 {
			position: fixed;
			bottom: 15px !important;
			left: 50%;
			transform: translateX(-50%);
			padding: 20px;
			font-weight: 600;
			line-height: 22px;
			border-radius: 0px;
			text-align: center !important;
			background-color: #ffb900 !important;
			color: #262626 !important;
			font-size: 18px;
			z-index:9999 !important;
			box-shadow: 0 4px 8px rgba(0,0,0,0.2);
			/* hidding button for next yr */
			display: none !important;
			visibility: hidden !important;
			opacity: 0 !important;
			pointer-events: none !important;
		}

		/* Default (hide floating button positioning for larger screens) */
		.npfWidgetButton {
			position: static;
		}
		/* Hidden state */
		button.npfWidgetButton.hidden {
			opacity: 0;
			pointer-events: none;
		}
		/* For iPad Mini and below */
		@media (max-width: 1024px) {
			.npfWidgetButton {
				position: fixed;
				bottom: 10px !important;
				left: 50%;
				transform: translateX(-50%);
				z-index: 9999;
				background-color: #ffb900 !important;
				font-size: 16px;
				color: #262626 !important;
				border: none;
				padding: 14px 20px;
				border-radius: 6px;
				text-align: center !important;
				box-shadow: 0 4px 8px rgba(0,0,0,0.2);
				width: 95%;
				max-width: 480px;
				white-space: nowrap; /* ✅ Prevent line break */
				/* hidding button for next yr */
				display: none !important;
				visibility: hidden !important;
				opacity: 0 !important;
				pointer-events: none !important;
			}

			/* Mobile: center button text */
			@media (max-width: 768px) {
				button.npfWidgetButton.npfWidget-b605b719c91a7d420099883ebc4a8024 span {
					width: 95%;
					text-align: center;  /* Center the text */
					font-size: 16px;
				}
			}

/*meritto ends */

						
/*news letter icon box hover*/
.issue:hover .elementor-icon-box-description {
  text-decoration: underline;
}
/*news letter icon box hover ends*/




/* ===  Breadcrumbs trunk on Mobile === */
			/* Full breadcrumb trail on desktop */
			.hfe-breadcrumbs li {
				display: inline-block;
			}

			/* Hide all by default on mobile */
			@media (max-width: 1024px) {
				.hfe-breadcrumbs li {
					display: none;
				}
			}
			
/* === Breadcrumb  ends === */

			
			
/* Target Elementor toggle titles  */
			.htmega-toggle-button a.togglebutton-237d02c {
				font-family: Arial, sans-serif;    /* change to your preferred font */
				font-size: 16px;                    /* adjust font size */
				font-weight: 600;                   /* make it bold like before */
				color: #8b0000 !important;          /* your custom color */
				text-transform: none !important;    /* remove uppercase */
				text-decoration: underline;          /* underline like your original */
				cursor: pointer;                     /* pointer on hover */
				transition: color 0.3s ease;         /* smooth hover effect */
			}

			/* Optional: hover effect */
			.htmega-toggle-button a.togglebutton-237d02c:hover {
				color: #b22222 !important;          /* slightly darker on hover */
			}

			/* Optional: different color when toggle is open */
			.htmega-toggle-button a.opened_btn {
				color: #b22222 !important;          /* color when showing "Read less" */
			}



			