/*
Theme Name: MIT-Pub
Description: Theme for MIT public website
Author: Datacal
Author URI: https://datacal.co.nz
Template: Avada
Version: 1.0.1
Text Domain:  mit-pub
*/

/* MIT pub boxed mode style */
#boxed-wrapper #wrapper {
	box-shadow: 0 0 20px #dddddd;
}
@media only screen and (min-width: 1200px) {
	html:not(.avada-has-site-width-percent) #main:not(.width-100) {
		padding-left: 100px;
		padding-right: 100px;
	}
}

/* Footer Section Style */
.footer_brochure_finder_red_blocks #footer_brochure_finder_red_blocks_title .fusion-title-heading {
	margin: 0px 20px!important;
    box-shadow: 0 0 2px 1px rgba(255, 255, 255, 1);
	padding:5px 10px!important;
}

.footer_brochure_finder_red_blocks .fusion-layout-column:hover #footer_brochure_finder_red_blocks_title .fusion-title-heading {
	margin: 0px 10px!important;
    box-shadow: 0 0 2px 1px rgba(255, 255, 255, 1);
	padding:5px 0px;
	background: #ffffff!important;
	color:#dd1122!important;
	transition: 0.4s;
}

/* banner breadcrumbs style */
.banner-breadcrumb .fusion-breadcrumbs .awb-breadcrumb-sep:after {
	margin: 0 20px!important;
}

span.breadcrumb-symbol {
	margin: 0 16px!important;
}

/* Single Programme page style */
/* Programme data columns style */
.single-programme .programme-ptb-level .fusion-title-heading {
	font-style: italic;
}

.content-boxes .content-container a.prog-time-button,
.content-boxes .content-container a.study-fees-link,
.content-boxes .content-container a.free-study-4thcol,
.content-boxes .content-container a.prog-structure-link {
	padding-top:10px;
	display: flex;
}

.course-info .course-info-column .custom-start-dates .content-container p {
	margin-bottom: 0px!important;
}

#course-info-column-4 .content-container .fusion-layout-column .fusion-column-wrapper {
	margin:0px;
}

/* Programme single page - tab style */
.course-tabs .course-tab-details .nav .nav-tabs {
	margin: 0 0 -3px!important;
}

.course-tabs .course-tab-details .nav .nav-tabs>li.active .tab-link{
	background:#dd1122!important;
	border-bottom: 2px solid #dd1122!important;
}

.course-tabs .course-tab-details .nav .nav-tabs>li.active .tab-link .fontawesome-icon {
	transform: rotate(180deg);
	transition: transform 0.3s ease-in-out;
}

.course-tabs .course-tab-details .nav .nav-tabs>li .tab-link{
	border:0px solid #ffffff!important;
    padding: 14px 20px !important;
    border-radius: 4px 4px 0 0;
}

.course-tabs .course-tab-details .nav .nav-tabs>li {
	margin-right: 3px!important;
}

.course-tabs .course-tab-details .nav .nav-tabs>li .tab-link:hover {
	background:#dd1122!important;
}

.course-tabs .course-tab-details .tab-content {
	margin-top:3px!important;
	border:2px solid #dd1122!important;
	padding:30px!important;
}

.course-tabs .course-tab-details .tab-content h3,
.course-tabs .course-tab-details .tab-content h4,
.course-tabs .course-tab-details .tab-content h5,
.course-tabs .course-tab-details .tab-content p.h3,
.course-tabs .course-tab-details .tab-content p.h4,
.course-tabs .course-tab-details .tab-content p.h5 {
	margin-top:10px;
}

/* Programme info panel */
.single-programme section.course-info div.fusion-flex-content-wrap {
	border:2px solid #bebdbd!important;
	width: 100% !important;
    max-width: 100% !important;
    margin-left: 0px!important;
    margin-right: 0px!important;
	padding-top:30px;
}

.single-programme section.course-info div.fusion-flex-content-wrap > div[id^="course-info-column-"]:not(:last-child) {
    border-right: 2px solid #bebdbd !important; /* Apply border to all except the last */
}


.single-programme section.course-info div.fusion-flex-content-wrap div {
    border: 0px solid #bebdbd!important; /* Ensure child divs do not inherit the border */
	padding-top: 0px!important;
}

.single-programme .course-info .fusion-content-boxes .content-container {
	/*line-height: 22px!important;*/
}

.single-programme .course-info .fusion-content-boxes .content-container sub {
	display: block;
	font-size: 12px;
	margin-bottom: 0px;
    margin-top: 0px;
}

.single-programme .course-info .fusion-content-boxes .content-container .prog-code {
	font-size: 12px;
}

.single-programme .course-info a.prog-time-button {
	display: block;
}

/* programme postcard checklist style - inline display */
/* for pc only, mobile will display in normal */
.course-postcard .course-overview-checklist {
	display:inline-flex;
	flex-wrap: wrap; /* allow wrapping to next line */
}

.course-postcard .course-overview-checklist li.fusion-li-item span.icon-wrapper {
	justify-content:left;
	width: 15px;
}

@media only screen and (min-width: 1280px) {
	.course-postcard .course-overview-checklist li.fusion-li-item {
		padding:0px 18px 0px 0px;
		line-height: 24px;
	}

	.course-postcard .course-overview-checklist li.fusion-li-item .fusion-li-item-content {
		margin-inline-start: 25px;
	}
}

.course-postcard .course-overview-checklist li a {
	color:#333333;
}

/* Footer programme request brochure carousel */
.request_programme_brochure_carousel .swiper-slide {
	box-shadow: 0px 0px 4px 0 rgba(0, 0, 0, 0.3);
	padding: 20px;
}

.request_programme_brochure_carousel .swiper-slide img {
	max-width: 150px;
	background: #dd1122;
	border-radius: 50%;
	margin-bottom: 20px;
}

.request_programme_brochure_carousel .swiper-slide:hover {
	box-shadow: 0 1px 8px 1px rgba(0, 0, 0, 0.3);
}

.request_programme_brochure_carousel .awb-swiper-button {
	width: 40px;
    height: 40px;
    border-radius: 50%;
}

.request_programme_brochure_carousel .awb-swiper-button [class^=awb-icon-] {
	font-size: 20px;
	font-weight: 900!important;
}

/* Programme cat MIT testimonials carousel */
/* CSS for full width content from activated slide */
/* CSS for highlight .swiper-slide-next */
/* If swiper carousel less than 3 */

/* Remove default highlight when > 3 */
.mit-testimonials-carousel.few-slides .swiper-slide-next {
    transform: none !important;
    box-shadow: none !important;
    position: static !important;
    transition: none !important;
}

/* Apply highlight to manually clicked slides (only when .few-slides is active) */
.mit-testimonials-carousel.few-slides .mit-active-slide {
    box-shadow: 0 1px 8px 2px rgba(0, 0, 0, 0.5)!important;
}

.mit-testimonials-carousel.few-slides .swiper-slide {
	cursor: pointer;
}


/* Mobile only for tax-programme */
@media screen and (max-width: 480px) {
	.mit-testimonials-carousel .fusion-post-cards .mit-testimonial-content-moved {
		display: none!important;
	}
}

/* PC only  */
@media only screen and (min-width: 481px) {
	.mit-testimonials-carousel .fusion-builder-row-inner {
		display: none!important; /* Hide all content divs */
	}
	/* Initially hide content */
	.mit-testimonial-content-moved {
		opacity: 0; /* Make it invisible */
		visibility: hidden; /* Ensures the content doesn't take up space initially */
		transition: opacity 0.3s ease-in-out, visibility 0s linear 0.3s; /* Smooth fade-in */
		padding:60px 0px;
	}

	/* Apply the fade-in effect when the class is added */
	.mit-testimonial-content-moved.fade-in {
		opacity: 1; /* Make it fully visible */
		visibility: visible; /* Ensure the content takes up space when visible */
		transition: opacity 0.3s ease-in-out; /* Smooth fade-in transition */
		padding:60px 0px;
	}

	.mit-testimonial-content-moved.fade-in > .fusion-column-wrapper {
		margin-left: 0px;
		margin-right: 0px;
	}

	.mit-testimonial-content-moved.fade-in > .fusion-column-wrapper .fusion-layout-column:first-of-type .fusion-column-wrapper {
		margin-left: 0px;
		margin-right: 0px;
	}

	/* Apply a box shadow and smooth transition to the next slide */
	.mit-testimonials-carousel .swiper-slide-next {
		position: relative; /* Make sure the element can receive positioning */
		transition: all 0.3s ease; /* Smooth transition for box-shadow, scale, etc. */
		box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2); /* Light shadow for hover effect */
		transform: scale(1.1)!important; /* Slightly scale up the element */
	}

	/*.mit-testimonials-carousel .swiper-slide-next:hover {
		box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2); 
		transform: scale(1.05); 
	}*/

	.mit-testimonials-carousel .swiper-slide h3.title-heading-center {
		padding: 0px 30px!important;
	}

	.mit-testimonials-carousel .swiper-slide-next h3.title-heading-center {
		color:#dd1122!important;
	}

	.mit-testimonials-carousel .swiper-slide-next.swiper-slide-active {
		opacity: 1; /* Fully opaque when active */
	}
}

.mit-testimonials-carousel:has(.fusion-builder-placeholder) {
    display: none;
}

.single-programme .mit-testimonials-carousel:has(.fusion-text.fusion-text-5):not(:has(.fusion-post-cards)) {
    display: none;
}

.single-programme .mit-testimonials-carousel:has(.fusion-text.fusion-text-6):not(:has(.fusion-post-cards)) {
    display: none;
}

.single-programme .mit-testimonials-carousel:has(.fusion-builder-placeholder) {
	display: none!important;
}

/* if testimonials items <= 3, use slider */
.mit-testimonials-carousel .awb-swiper-slider .fusion-post-card-image {
	text-align: center;
}

.mit-testimonials-carousel .awb-swiper-slider .swiper-wrapper {
	position: fixed!important;
}

.mit-testimonials-carousel .prog-cat-title {
	/*text-transform: lowercase;*/
}

.mit-testimonials-carousel .awb-swiper-button-next, 
.mit-testimonials-carousel .awb-swiper-button-prev {
	opacity: 1;
}

/* Programme Category Content */
/* Parent category display sub-category tiles - toggle expend single programmes */
/* CSS start */
.prog-cat-related-button:hover {
	box-shadow: 0px 1px 6px 0 rgba(0,0,0,0.5);
    margin-left: 3px;
    margin-right: -3px;
    transition: 0.1s;
}

.tax-programme-category .prog-cat-related-links-buttons {
	display: flex;
}

.tax-programme-category .prog-cat-related-links-buttons .prog-cat-related-button,
.page-id-705 .prog-cat-related-links-buttons .prog-cat-related-button,
.page-id-6680 .prog-cat-related-links-buttons .prog-cat-related-button {
	width: calc((100% - 30px) / 4)!important;
	gap: 10px;
	background-color: #595959;
	color:#ffffff;
	padding: 8px 20px;
    border-radius: 0px;
	font-family: "Aaux Next Bold";
	justify-content: space-between;
	margin-bottom: 5px;
}

.page-id-705 .prog-cat-related-links-buttons,
.page-id-6680 .prog-cat-related-links-buttons {
    flex-direction: row;
    gap: 10px;
	display: block;
}

.tax-programme-category .prog-cat-related-links-buttons {
    flex-direction: row;
    gap: 10px;
}

.tax-programme-category .prog-cat-related-links-buttons .prog-cat-related-button::after,
.page-id-705 .prog-cat-related-links-buttons .prog-cat-related-button::after,
.page-id-6680 .prog-cat-related-links-buttons .prog-cat-related-button::after {
	content:"\f105";
	font-family: "Font Awesome 5 Free";
    font-weight: 900;
	color:#ffffff;
	font-size: 20px;
}

.tax-programme-category .prog-cat-related-links-buttons .prog-cat-related-button:hover::after,
.page-id-705 .prog-cat-related-links-buttons .prog-cat-related-button:hover::after,
.page-id-6680 .prog-cat-related-links-buttons .prog-cat-related-button:hover::after {
	transform: scale(1.2);
}

.related-item {
	margin-top:30px;
}

.child-categories-grid {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	text-align: center;
	width: 100%;
	position: relative;
	padding-top: 10px;
}

.child-category {
	width: calc((100% - 30px) / 4);
	cursor: pointer;
	background: #dd1122;
	overflow: hidden;
	transition: background 0.3s ease;
	position: relative;
}

.child-category:hover {
	background: #dd1122;
}

.child-category img.icon {
	width: 150px;
	height: 150px;
	object-fit: contain;
	transition: transform 0.3s ease;
}

.child-category img.hover-image {
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	transform: translateY(0%);
	transition: 0.5s ease!important; /* Reapply transition when image changes */
}

/* Hover: Slide up image */
.child-category:hover img.hover-image {
	transform: translateY(-100%);
}

/* Prevent transform on click/expand/unexpand */
.child-category.expanded img.hover-image {
	top: 0 !important; /* Keep image at the top when expanded */
	transform: translateY(0) !important; /* Prevent transform on click */
	transition: none !important; /* Disable transition when expanded */
}

/* Ensure no transform effect on hover while expanded */
.child-category.expanded:hover img.hover-image {
	transform: translateY(0) !important; /* Prevent hover effect on expanded */
}

/* Areas of study tile mobile view */
@media screen and (max-width: 480px) {
	.tax-programme-category .prog-cat-related-links-buttons,
	.page-id-705 .prog-cat-related-links-buttons {
		display: contents!important;
	}

	.tax-programme-category .prog-cat-related-links-buttons .prog-cat-related-button,
	.page-id-705 .prog-cat-related-links-buttons .prog-cat-related-button,
	.page-id-6680 .prog-cat-related-links-buttons .prog-cat-related-button {
		width: 100%!important;
		margin-bottom:10px!important;
		text-align: left!important;
	}

	.child-categories-grid .child-category .hover-image-reverse,
	.tax-programme-category .child-categories-grid .child-category .hover-image {
		display: none;
	}

	.child-categories-grid .child-category {
		display: flex;
	}

	.child-categories-grid .child-category .child-category-info {
		margin: 0px 10px!important;
		background-color: rgba(0,0,0,0)!important;
		width: 100%!important;
		box-shadow: none!important;
	}

	.child-categories-grid .child-category .icon {
		width: 90px;
		height: 90px;
	}

	.child-categories-grid .child-category.expanded {
		background-color: #888b8d!important;
	}

	.child-categories-grid .child-category.expanded .child-category-info {
		background-color: #888b8d!important;
		color:#ffffff!important;
	}

	.child-categories-grid .child-category:hover .child-category-info,
	.child-categories-grid .child-category.expanded:hover .child-category-info {
		background-color: unset!important;
		color:#ffffff!important;
	}

	.child-categories-grid .expanded-content-container h2.programme-cat-title {
		font-size: 24px;
	}

	.child-categories-grid .expanded-content-container .fusion-post-cards ul.fusion-checklist li.fusion-li-item,
	.tax-programme-category .fusion-post-cards ul.fusion-checklist li.fusion-li-item {
		padding-top:0px;
		padding-bottom:0px;
		line-height: 24px;
	}

	.child-categories-grid .expanded-content-container .fusion-post-cards ul.fusion-checklist li.fusion-li-item .fusion-li-item-content,
	.tax-programme-category .fusion-post-cards ul.fusion-checklist li.fusion-li-item .fusion-li-item-content {
		margin-inline-start: 25px;
    	margin-right: 10px;
	}

	/* Mobile programme toggle */
	.sub-categories-grid .sub-category-column {
        position: relative;
    }

	.sub-category-column .sub-category-header {
		display: flex;
		align-items: center;
		justify-content: space-between;
		background-color: #ffffff;
		box-shadow: 0px 0px 4px 0 rgba(0,0,0,0.3);
	}

	.sub-category-column .sub-category-header a {
		width: 90%;
	}

    /* New clickable toggle arrow */
    .sub-categories-grid .sub-category-column .mobile-toggle-arrow {
        font-family: "Font Awesome 5 Free";
        font-weight: 900;
        font-size: 20px;
        color: #000000;
        cursor: pointer;
		width: 10%;
    }

    .sub-categories-grid .sub-category-column .mobile-toggle-arrow::before {
        content: "\f107"; /* down arrow */
    }

    .sub-categories-grid .sub-category-column .mobile-toggle-arrow.open::before {
        content: "\f106"; /* up arrow */
    }

    /* Folding behaviour */
    .sub-categories-grid .sub-category-column .fusion-post-cards {
        display: none;
    }

    .sub-categories-grid .sub-category-column .fusion-post-cards.mobile-visible {
        display: block;
    }

	.sub-categories-grid .sub-category-column h4.programme-cat-title {
		margin: 0px!important;
	}
}

/* Prog overview - reverse style */
/* -----------------------------------------*/
.child-category img.hover-image-reverse {
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	transform: translateY(-100%);
	transition: 0.5s ease!important; /* Reapply transition when image changes */
}

/* Prog overview - reverse style Hover: Slide down image */
.child-category:hover img.hover-image-reverse {
	transform: translateY(0%);
}

/* Prevent transform on click/expand/unexpand */
.child-category.expanded img.hover-image-reverse {
	top: 0 !important; /* Keep image at the top when expanded */
	transform: translateY(-100%) !important; /* Prevent transform on click */
	transition: none !important; /* Disable transition when expanded */
}

/* Ensure no transform effect on hover while expanded */
.child-category.expanded:hover img.hover-image-reverse {
	transform: translateY(-100%) !important; /* Prevent hover effect on expanded */
}

.child-category.expanded {
	position: relative; /* Ensure the triangle is positioned relative to this tile */
}

/* Rotation for FontAwesome icon */
.child-category .fa.rotate {
	transform: rotate(180deg);
	transition: transform 0.3s ease-in-out;
}

.child-category .child-category-info {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin: 0px 10px 10px 10px;
	position: relative;
	z-index: 2;
	padding: 8px;
	text-transform: uppercase;
	font-size: 14px;
	line-height: 16px;
	background-color: transparent;
	color: #ffffff;
	border-color: transparent;
	box-shadow: 0 0 2px 1px rgba(255, 255, 255, 1);
}

.child-category-reverse .child-category-info {
	background-color: rgba(0, 0, 0, 0.4)!important;
}

.child-category:hover .child-category-info {
	color:#dd1122!important;
	background-color: #ffffff!important;
	box-shadow: unset;
}

.child-category.expanded .child-category-info {
	background-color: rgba(0, 0, 0, 0.4);
	color:#ffffff!important;
	box-shadow: 0 0 2px 1px rgba(255, 255, 255, 1);
}

.child-category-reverse.expanded .child-category-info {
	background-color: rgba(0, 0, 0, 0)!important;
	color:#ffffff!important;
	box-shadow: 0 0 2px 1px rgba(255, 255, 255, 1);
}

.child-category.expanded:hover .child-category-info {
	color:#dd1122!important;
	background-color: #ffffff!important;
}

.child-category.expanded::after {
	content: '';
	box-sizing: border-box;
	position: absolute;
	width: 8px;
	top: 0;
	bottom: 0px;
	left: 49%;
	border-style: solid;
	border-left-color: transparent !important;
	border-right-color: transparent !important;
	border-top-color: transparent !important;
	border-bottom-color: #dd1122;
	border-width: 8px 16px;
	margin-left: -16px;
}

.programme-cat-title {
	font-weight: bold;
	text-align: left;
}

.expanded-content-container h2.programme-cat-title  {
	text-decoration: underline;
	text-decoration-color: #000000!important;
}

.expanded-content-container h2.programme-cat-title:hover {
	text-decoration: none;
}

.toggle-arrow {
	font-size: 16px;
	text-align: right;
	transition: transform 0.3s ease;
}

.open .toggle-arrow {
	transform: rotate(180deg);
}

/* Expanded Content: Initially Hidden */
.expanded-content-container {
	background: #f1f7f2;
	border-top: 3px solid #dd1122;
	border-bottom: 3px solid #dd1122;
	padding: 25px 20px;
	display: none; /* Hide initially */
}

/*.expanded-content-container h2.programme-cat-title u {
	padding-right: 24px;
}*/

.expanded-content-container h2.programme-cat-title::after {
	content: "\f105";
	font-family: awb-icons !important;
	display: inline-block;
	padding-left:24px;
}

.expanded-content-container .sub-categories-grid .sub-category-header:hover {
	box-shadow: 0px 1px 6px 0 rgba(0,0,0,0.5);
    margin-left: 3px;
    margin-right: -3px;
    transition: 0.1s;
}

/* Desktop: Expanded Content Full Width Below Grid */
@media (min-width: 481px) {
	.expanded-content-container {
		position: relative;
		width: 100%;
		left: 0;
		z-index: 10;
	}
}

/* Mobile: Expanded Content Below Each Tile */
@media (max-width: 480px) {
	.child-category {
		width: 100%;
	}
	.expanded-content-container {
		position: relative;
		width: 100%;
	}
}

/* tablet: expand content below each row */
@media screen and (min-width: 481px) and (max-width: 1024px) {
	.child-category {
		width: calc((100% - 10px) / 2);
		cursor: pointer;
		background: #dd1122;
		overflow: hidden;
		transition: background 0.3s ease;
		position: relative;
	}
	.expanded-content-container {
		position: relative;
		width: 100%;
	}
	.child-category img.icon {
		width: 250px;
		height: 250px;
		object-fit: contain;
		transition: transform 0.3s ease;
	}
	[data-columns-per-row="2"] .child-categories-grid {
		grid-template-columns: repeat(2, 1fr);
	}

	/* Default: 3 columns */
	.sub-categories-grid .sub-category-column {
    	width: calc((100% - 10px) / 2)!important;
	}

	/* If exactly 2 sub-category-columns, divide by 2 */
	.sub-categories-grid .sub-category-column-half {
    	width: calc((100% - 10px) / 2)!important;
	}

	.tax-programme-category .prog-cat-related-links-buttons .prog-cat-related-button,
	.page-id-705 .prog-cat-related-links-buttons .prog-cat-related-button,
	.page-id-6680 .prog-cat-related-links-buttons .prog-cat-related-button {
		width: calc((100% - 10px) / 2)!important;
		gap: 10px;
		background-color: #595959;
		color:#ffffff;
		padding: 8px 20px;
		border-radius: 0px;
		font-family: "Aaux Next Bold";
		justify-content: space-between;
		margin-bottom: 5px;
	}
}

.sub-categories-grid {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	text-align: center;
	width: 100%;
	position: relative;
	padding-top: 10px;
}

/* Default: 3 columns */
.sub-categories-grid .sub-category-column {
    width: calc((100% - 20px) / 3);
}

/* If exactly 2 sub-category-columns, divide by 2 */
.sub-categories-grid .sub-category-column-half {
    width: calc((100% - 10px) / 2)!important;
}

.sub-categories-grid .sub-category-column a {
	text-decoration: none!important;
}

@media screen and (max-width: 480px) {
	.sub-categories-grid .sub-category-column {
		width: 100%!important;
	}
}

.sub-categories-grid .sub-category-column h4.programme-cat-title {
	margin: 0px 0px 10px 0px;
	font-size: 18px!important;
	background-color: #595959;
	color:#ffffff;
	padding:10px 20px;
	justify-content: space-between;
	display: flex;
}

.sub-categories-grid .sub-category-column h4.programme-cat-title::after {
	content: "\f105";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    color: #ffffff;
    font-size: 20px;
}

.sub-categories-grid .sub-category-column h4.programme-cat-title:hover::after {
	transform: scale(1.2);
}

.sub-categories-grid .sub-category-column #prog-overview-grid #prog-postcard-info #prog-postcard-title .fusion-title-heading {
	font-size: 16px!important;
}

.sub-categories-grid .sub-category-column .fusion-builder-placeholder {
	display: none;
}

.sub-categories-grid .sub-category-column .course-overview-checklist .fusion-li-item-content {
	font-size:13px;
	margin-inline-start:20px!important;
	margin-inline-end:14px!important;
	text-align: left;
}

.sub-categories-grid .sub-category-column .course-overview-checklist .icon-wrapper, ul.fusion-checklist .icon-wrapper {
	margin-inline-end: 0px!important;
}

.sub-categories-grid .sub-category-column .course-postcard .course-overview-checklist li.fusion-li-item {
	padding: 0px;
}
/* CSS end */

/* MIT Doc list element for file links */
.doc-list a.pdf,
.doc-list a.doc,
.doc-list a.docx,
.doc-list a.csv,
.doc-list a.xls,
.doc-list a.xlsx,
.doc-list a.ppt,
.doc-list a.pptx
 {
    position: relative;
    padding-left: 40px; /* Space for the label */
    text-decoration: none;
    display: block;
    line-height: 30px;
  }
  
/* Default before element for links with file extensions */
.doc-list a.pdf:before,
.doc-list a[href$=".pdf"]:before {
  content: "";
  position: absolute; /* Ensure positioning context */
  background: url('/wp-content/plugins/wp-file-download/app/site/assets/icons/png/pdf.png');
  width: 30px;
  height: 30px;
  left: 0;
  top: 0;
  padding: 3px 6px;
  background-size: 30px 30px;
  background-repeat: no-repeat;
}

/* DOC/DOCX files */
.doc-list a.doc:before,
.doc-list a.docx:before,
.doc-list a[href$=".doc"]:before,
.doc-list a[href$=".docx"]:before {
    content: "";
    position: absolute; /* Ensure positioning context */
    background: url('/wp-content/plugins/wp-file-download/app/site/assets/icons/png/doc.png');
    width: 30px;
    height: 30px;
    left: 0;
    top: 0;
    padding: 3px 6px;
    background-size: 30px 30px;
    background-repeat: no-repeat;
}

/* CSV files */
.doc-list a.csv:before,
.doc-list a[href$=".csv"]:before {
    content: "";
    position: absolute; /* Ensure positioning context */
    background: url('/wp-content/plugins/wp-file-download/app/site/assets/icons/png/csv.png');
    width: 30px;
    height: 30px;
    left: 0;
    top: 0;
    padding: 3px 6px;
    background-size: 30px 30px;
    background-repeat: no-repeat;
}

/* XLS/XLSX files */
.doc-list a.xls:before,
.doc-list a.xlsx:before,
.doc-list a[href$=".xls"]:before,
.doc-list a[href$=".xlsx"]:before {
    content: "";
    position: absolute; /* Ensure positioning context */
    background: url('/wp-content/plugins/wp-file-download/app/site/assets/icons/png/xls.png');
    width: 30px;
    height: 30px;
    left: 0;
    top: 0;
    padding: 3px 6px;
    background-size: 30px 30px;
    background-repeat: no-repeat;
}

/* PPT/PPTX files */
.doc-list a.ppt:before,
.doc-list a.pptx:before,
.doc-list a[href$=".ppt"]:before,
.doc-list a[href$=".pptx"]:before {
    content: "";
    position: absolute; /* Ensure positioning context */
    background: url('/wp-content/plugins/wp-file-download/app/site/assets/icons/png/pptx.png');
    width: 30px;
    height: 30px;
    left: 0;
    top: 0;
    padding: 3px 6px;
    background-size: 30px 30px;
    background-repeat: no-repeat;
}

/* Doc list info */
a.pdf #doc-list-info,
a.doc #doc-list-info,
a.docx #doc-list-info,
a.csv #doc-list-info,
a.xls #doc-list-info,
a.xlsx #doc-list-info,
a.ppt #doc-list-info,
a.pptx #doc-list-info {
    color: #666666!important;
    font-size: 0.85em!important;
}

.doc-list#publications .su-spoiler p {
	margin-bottom: 10px;
}

.doc-list#publications .su-spoiler p:not(:has(*)) {
	margin-left: 40px!important;
}

/* Page Tiles Style Start */
/* Styling for the tiles */
/* Initially hide all toggle content containers */
.page-tile-toggle-content {
    display: none;
    padding: 0px 6px!important;
    background-color: #f1f1f1;
    border: 1px solid #ddd;
    margin-top: 10px;
    transition: all 0.3s ease;
	width: 100%;
}

/* Make sure toggle content is under each tile on mobile */
@media only screen and (max-width: 480px) {
    .page-tile-toggle-content {
        width: 100%; /* Ensure the toggle content is the same width as the tile */
        margin-top: 10px;
    }
}

/* Page tile style */
.page-tiles-toggle .page-tile-title,
.page-tiles-toggle-reverse .page-tile-title {
    background-color: rgba(0, 0, 0, 0.4);
    color: #ffffff;
    border-color: transparent;
    box-shadow: 0 0 4px rgba(255, 255, 255, 0.7);
    padding:5px 10px;
    display:inline-block;
    position: relative;
}

.page-tiles-toggle .page-tile-title-red,
.page-tiles-toggle-reverse .page-tile-title-red {
    background-color: #dd1122!important;
}

.page-tiles-toggle .page-tile-title h3,
.page-tiles-toggle-reverse .page-tile-title h3 {
    display: inline-block;
}

/* Initial state of the arrow (before rotation) */
.page-tiles-toggle .page-tile-title::after,
.page-tiles-toggle-reverse .page-tile-title::after {
    display: inline-block;
    transition: transform 0.4s; /* Smooth transition for rotation */
    content: "\f107"; /* Unicode for your arrow icon */
    font-family: awb-icons;
    line-height: 1;
    position: absolute; 
    right: 10px; 
    top: 50%; 
    transform: translateY(-50%); /* Vertically center the arrow */
}

/* Rotate the arrow when content is open */
.page-tiles-toggle .page-tile-title.open::after,
.page-tiles-toggle-reverse .page-tile-title.open::after {
    transform: translateY(-50%) rotate(180deg); /* Rotate the arrow by 180 degrees */
}


.page-tiles-toggle .page-tile .fusion-column-wrapper,
.page-tiles-toggle-reverse .page-tile .fusion-column-wrapper {
    transition: all 0.5s;
}

.page-tiles-toggle .page-tile .fusion-column-wrapper:hover {
    background-position: 0 280px;
}

/* PAge title toggle - reverse block style */
.page-tiles-toggle-reverse .page-tile .fusion-column-wrapper {
    background-position: 0 280px;
}

.page-tiles-toggle-reverse .page-tile .fusion-column-wrapper:hover {
    background-position: 0 0;
}

.page-tiles-toggle .page-tile.active .fusion-column-wrapper {
    background-position: 0 280px;
}

.page-tiles-toggle-reverse .page-tile.active .fusion-column-wrapper {
    background-position: 0 0;
}

.page-tiles-toggle .page-tile .fusion-column-wrapper .page-tile-icon {
    opacity: 0;
    transition: all 0.5s;
}

.page-tiles-toggle-reverse .page-tile .fusion-column-wrapper .page-tile-icon {
    opacity: 1;
    transition: all 0.5s;
}

.page-tiles-toggle .page-tile.active .fusion-column-wrapper .page-tile-icon {
    opacity: 1;
    transition: all 0.5s;
}

.page-tiles-toggle-reverse .page-tile.active .fusion-column-wrapper .page-tile-icon {
    opacity: 0;
    transition: all 0.5s;
}

.page-tiles-toggle .page-tile .fusion-column-wrapper:hover .page-tile-icon {
    opacity: 1;
    transition: all 0.5s;
}

.page-tiles-toggle-reverse .page-tile .fusion-column-wrapper:hover .page-tile-icon {
    opacity: 0;
    transition: all 0.5s;
}

.page-tiles-toggle .page-tile,
.page-tiles-toggle-reverse .page-tile {
    cursor: pointer; /* Show the hand cursor on hover */
}

.page-tiles-toggle .page-tile.active::after,
.page-tiles-toggle-reverse .page-tile.active::after {
	content: '';
	box-sizing: border-box;
	position: absolute;
	width: 8px;
	top: 0;
	bottom: -12px;
	left: 49%;
	border-style: solid;
	border-left-color: transparent !important;
	border-right-color: transparent !important;
	border-top-color: transparent !important;
	border-bottom-color: #dd1122;
	border-width:12px 20px;
	margin-left: -16px;
}

.page-tiles-toggle .page-tile .fusion-column-wrapper:hover .page-tile-title,
.page-tiles-toggle-reverse .page-tile .fusion-column-wrapper:hover .page-tile-title {
	background-color:#ffffff;
}

.page-tiles-toggle .page-tile .fusion-column-wrapper:hover .page-tile-title h3,
.page-tiles-toggle-reverse .page-tile .fusion-column-wrapper:hover .page-tile-title h3,
.page-tiles-toggle .page-tile .fusion-column-wrapper:hover .page-tile-title::after,
.page-tiles-toggle-reverse .page-tile .fusion-column-wrapper:hover .page-tile-title::after{
	color:#dd1122!important;
}

/* MIT page element style */
/* MIT Page content - Toggle element */
.mit-page-content-toggle .panel-collapse {
    background-color:#ffffff;
    border: 3px solid #dd1122;
    border-top: 0;
}

.mit-page-content-toggle .panel-collapse:hover {
    border: 3px solid #000000;
    border-top: 0;
}

.mit-page-content-toggle-blk .panel-collapse {
    background-color:#ffffff;
    border: 3px solid #000000;
    border-top: 0;
}

.mit-page-content-toggle-blk .panel-collapse:hover {
    border: 3px solid #333333;
    border-top: 0;
}

.mit-page-content-toggle-grey .panel-collapse {
    background-color:#ffffff;
}

.mit-page-content-toggle-grey .toggle a.active {
    background-color: #595959;
}
/* Page Tiles Style end */

/* Dark Grey toggle */
.mit-toggle-darkgrey .panel-heading h5.toggle,
.mit-toggle-darkgrey .panel-heading h6.toggle {
	background-color: #595959;
}

.mit-toggle-darkgrey .fusion-panel.fusion-toggle-no-divider.fusion-toggle-boxed-mode .panel-title a {
	padding: 10px 15px!important;
}

/* Custom full width toggle style override start */
#custom-toggle .page-tile-title {
    box-shadow:unset!important;
    padding:10px!important;
    background-color:unset!important;
}

#custom-toggle .open {
    background-color:#dd1122!important;
}
/* Custom full width toggle - use with toggle content end */

/* Short course Custom full width toggle style override start */
#short-course-custom-toggle .page-tile-title {
    box-shadow:unset!important;
    padding:10px 25px!important;
    background-color:unset!important;
}

#short-course-custom-toggle .open {
    background-color:#595959!important;
}

#short-course-custom-toggle .page-tile-title:hover {
	background-color:#595959!important;
}

#short-course-custom-toggle .page-tile-title:hover h3 {
	color:#ffffff!important;
}

#short-course-custom-toggle .page-tile.active::after {
	content: unset!important;
}

#short-course-custom-toggle-content p.h4,
#short-course-custom-toggle-content span.h4,
#short-course-custom-toggle-content p.h5,
#short-course-custom-toggle-content span.h5,
.course-tab-details p.h4,
.course-tab-details span.h4,
.course-tab-details p.h5,
.course-tab-details span.h5 {
	font-weight: 700!important;
}
/* Custom full width toggle - use with toggle content end */

/* post content hr style */
#content .post-content hr {
	border-top: 2px solid #dd1122;
}

#content .post-content table tr,
#content .post-content table td {
	padding: 0.5em 1em; 
    border: 1px solid #c8c9c7;
}

#content .post-content table td {
	vertical-align: top;
}

#content .post-content table th {
	padding: 0.5em 1em;
    border: 1px solid #c8c9c7;
    text-align: left;
    vertical-align: top;
	background-color: #595959;
    color: #ffffff;
}

#content .post-content table {
	border-collapse: collapse!important;
    /*display: block!important;*/
	width: 100%;
  	/*overflow-x: auto; */
}

#content .post-content table.no-border tr,
#content .post-content table.no-border tr td {
	border: none !important;
}


/* Page tile buttons - 3 columns */
/* page tile buttons, click and redirect only, no expand content  */
.page-tile-img-buttons .page-tile-img-buttons-title .fusion-title-heading {
    box-shadow: 0 0 2px 1px rgba(255, 255, 255, 1);
    padding: 5px 0px!important;
}

/* Page tile image buttons - 3 columns */
.page-tile-img-buttons .page-tile-img-button-title {
    background-color: rgba(0, 0, 0, 0.4);
    color: #ffffff;
    border-color: transparent;
    box-shadow: 0 0 4px rgba(255, 255, 255, 0.7);
    padding:5px 10px;
    display:inline-block;
    position: relative;
}

.page-tile-img-buttons .page-tile-img-button-title h3 {
    display: inline-block;
}

.page-tile-img-buttons .page-tile-img-button .fusion-column-inner-bg .fusion-column-inner-bg-image {
    transition: all 0.5s;
}

.page-tile-img-buttons .page-tile-img-button .fusion-column-inner-bg .fusion-column-inner-bg-image:hover {
    background-position: 0 280px;
}

.page-tile-img-buttons .page-tile-img-button .fusion-column-inner-bg:hover ~ .fusion-column-wrapper .page-tile-img-button-title {
    background: #ffffff!important;
}

.page-tile-img-buttons .page-tile-img-button .fusion-column-inner-bg:hover ~ .fusion-column-wrapper .page-tile-img-button-title h3.fusion-title-heading {
    color: #dd1122!important;
}

.page-tile-img-buttons .page-tile-img-button .fusion-column-wrapper .page-tile-img-button-icon {
    opacity: 0;
    transition: all 0.5s;
}

.page-tile-img-buttons .page-tile-img-button .fusion-column-inner-bg:hover ~ .fusion-column-wrapper .page-tile-img-button-icon {
    opacity: 1;
    transition: all 0.5s;
}

.page-tile-img-buttons .page-tile-img-button {
    cursor: pointer; /* Show the hand cursor on hover */
}

/* Page tile buttons - 3 columns */
/* page tile buttons, click and redirect only, no expand content,  */
.page-tile-buttons .page-tile-button:hover .page-tile-buttons-title {
    background-color: #ffffff;
}

.page-tile-buttons .page-tile-button:hover .page-tile-buttons-title .fusion-title-heading {
    color: #dd1122!important;
}

.page-tile-buttons .page-tile-buttons-title .fusion-title-heading {
    box-shadow: 0 0 2px 1px rgba(255, 255, 255, 1);
    padding: 5px 0px!important;
}

/* News carousel container */
/* News carousel arrows offset */
#news-carousel-container {
    margin-left:-20px;
	margin-right:-20px;
}

#news-carousel-container .news-carousel {
	padding-left: 20px;
	padding-right: 20px;
}

/* Page tiles toggle - display icon if there is no bg image setup */
.page-tiles-toggle .page-tile .fusion-column-wrapper:not(.fusion-column-has-bg-image) .page-tile-icon {
	opacity: 1;
}

/* Single event breadcrumb */
.mitpub-single-event-breadcrumb p a.fusion-breadcrumb-link::after {
	content: ">";
	margin: 0 20px !important;
}

/* Short course lister - bullet point style for lister */
.short-course-lister-item .title-heading-left a {
	display: list-item;
    list-style-type: disc;
    list-style-position: inside;
	text-indent:50px;
}

.short-course-lister-item .title-heading-left a::marker {
	color:#000000;
}

/* Single Short Course Style */
.short-course-key-factors p {
	margin-bottom: 0px;
}

/* Short Course Enquiry Form - GF Dynamically populate courses */
/* Group heading styles */
/* Group heading styles */
option.gf_group_heading {
	font-size: 1.1em;
	font-family: "Aaux Next Bold";
    color: #000000 !important; /* Make group heading black */
    background: #dddddd !important; /* Light background for better visibility */
}

/* Individual course items */
option.gf_course_item {
	font-family: "Aaux Next Medium";
	letter-spacing: 2px;
	color: #000000 !important;
}

/* the events calendar style */
.tribe-events-calendar-list .tribe-events-calendar-list__event-row h3.tribe-events-calendar-list__event-title a,
.tribe-events-calendar-latest-past .tribe-events-calendar-latest-past__event-row h3.tribe-events-calendar-latest-past__event-title a {
	font-size: 24px;
}

.tribe-events-calendar-list .tribe-events-calendar-list__event-row h3.tribe-events-calendar-list__event-title,
.tribe-events-calendar-latest-past .tribe-events-calendar-latest-past__event-row h3.tribe-events-calendar-latest-past__event-title {
	margin-bottom: 0px!important;
	line-height: 24px!important;
}

.tribe-events .tribe-events-l-container {
	padding: 0px!important;
	margin: 0px!important;
	max-width: 1400px!important;
}

.tribe-common--breakpoint-medium.tribe-events .tribe-events-calendar-list__event-featured-image-wrapper,
.tribe-common--breakpoint-medium.tribe-events .tribe-events-calendar-latest-past__event-featured-image-wrapper {
	width: calc(var(--tec-grid-width-1-of-8)* 2)!important;
}

.tribe-common--breakpoint-medium.tribe-events .tribe-events-calendar-list__event-details,
.tribe-common--breakpoint-medium.tribe-events .tribe-events-calendar-latest-past__event-details {
	width: calc(var(--tec-grid-width-1-of-8)* 6)!important;
}

.tribe-common--breakpoint-medium.tribe-events .tribe-events-calendar-list__month-separator+.tribe-events-calendar-list__event-row,
.tribe-common--breakpoint-medium.tribe-events .tribe-events-calendar-latest-past__month-separator+.tribe-events-calendar-list__event-row {
	margin-top: 20px!important;
    margin-bottom: 20px!important;
}

.fusion-body .fusion-wrapper #main .tribe-events .tribe-events-calendar-list__event-date-tag-weekday,
.fusion-body .fusion-wrapper #main .tribe-events .tribe-events-calendar-latest-past__event-date-tag-weekday {
	font-size:20px!important;
}

.fusion-body .fusion-wrapper #main .tribe-events .tribe-events-calendar-list__event-date-tag-daynum,
.fusion-body .fusion-wrapper #main .tribe-events .tribe-events-calendar-latest-past__event-date-tag-daynum {
	font-size: 32px!important;
}

.tribe-events-calendar-list .tribe-events-calendar-list__event-row .tribe-events-calendar-list__event-description p,
.tribe-events-calendar-latest-past .tribe-events-calendar-latest-past__event-row .tribe-events-calendar-latest-past__event-description p {
	font-size:16px!important;
}

/* MIT Staff - Meet our team */
.mit-staff .mit-staff-name h3 {
	text-decoration: underline #000000 2px!important;
}

.mit-staff .mit-staff-name:hover h3 {
	text-decoration: none!important;
}

/* Programme postcard */
.course-postcard a[aria-label="Level 1"] .fusion-column-inner-bg-image {
	border-left: 4px solid #dd1122!important;
	opacity:0.2!important;
}
.course-postcard a[aria-label="Level 2"] .fusion-column-inner-bg-image {
	border-left: 4px solid #dd1122!important;
	opacity:0.3!important;
}
.course-postcard a[aria-label="Level 3"] .fusion-column-inner-bg-image {
	border-left: 4px solid #dd1122!important;
	opacity:0.4!important;
}
.course-postcard a[aria-label="Level 4"] .fusion-column-inner-bg-image {
	border-left: 4px solid #dd1122!important;
	opacity:0.5!important;
}
.course-postcard a[aria-label="Level 5"] .fusion-column-inner-bg-image {
	border-left: 4px solid #dd1122!important;
	opacity:0.6!important;
}
.course-postcard a[aria-label="Level 6"] .fusion-column-inner-bg-image {
	border-left: 4px solid #dd1122!important;
	opacity:0.7!important;
}
.course-postcard a[aria-label="Level 7"] .fusion-column-inner-bg-image {
	border-left: 4px solid #dd1122!important;
	opacity:0.8!important;
}
.course-postcard a[aria-label="Level 8"] .fusion-column-inner-bg-image {
	border-left: 4px solid #dd1122!important;
	opacity:0.9!important;
}
.page-id-705 .course-postcard .fusion-column-inner-bg a .fusion-column-inner-bg-image {
	border-color:#dd1122!important;
}

/* Programme tabs style */
.course-tabs .tab-content .tab-pane[aria-labelledby="fusion-tab-programmestructure"] p:empty,
.course-tabs .tab-content .tab-pane[aria-labelledby="fusion-tab-programmestructure"] p:empty:before,
.course-tabs .tab-content .tab-pane[aria-labelledby="fusion-tab-programmestructure"] p:empty:after,
.course-tabs .tab-content .tab-pane[aria-labelledby="fusion-tab-programmestructure"] br {
    display: none;
}

.course-tabs .tab-content .tab-pane[aria-labelledby="fusion-tab-programmestructure"] .su-spoiler .su-spoiler-content p {
	margin-bottom:10px;
}

.su-spoiler .su-spoiler-content p:empty,
.su-spoiler .su-spoiler-content p:empty:before,
.su-spoiler .su-spoiler-content p:empty:after,
.su-spoiler .su-spoiler-content br {
    display: none;
}

.su-spoiler .su-spoiler-content ul {
	margin-bottom: 0px!important;
	margin-top: 0px!important;
}

.su-spoiler-content table.low-margin,
table.low-margin,
.su-spoiler-content table,
table.no-margin,
.fusion-text table {
	width:100%;
	margin-bottom:20px;
}

/* MIT apply now 3 or 2 column block template */
.mit-apply-now-icon-column .fusion-imageframe img {
	background-color:#dd1122;
}

.prog-cat-simple-icon-tile .prog-cat-simple-icon-tile-icon {
	background-color:#dd1122;
}

/* Heading banner text style */
.banner-text h3 {
	background: #dd1122;
    width: fit-content;
    margin: 0 auto!important;
    padding: 10px 20px!important;
}

/* MIT multi-layer accordion */
.accordion {
    position: relative;
    padding-left: 24px;
    margin-bottom: 1rem;
	margin-top: 1rem;
    clear: both;
}

.accordion.expanded {
	margin-bottom: 10px;
}

.accordion p.topic {
	cursor: pointer;
	line-height: 25px;
	margin-bottom: 10px;
	font-weight: 900;
}

.accordion p.topic:before, 
.accordion.expanded .acc-content .accordion.nested:before {
	content: '\f067';
    font-family: "Font Awesome 5 Free";
	font-weight:900;
    font-size: 14px;
    text-align: center;
    box-sizing: border-box;
    width: 20px;
    height: 20px;
    line-height: 21px;
    border: 1px solid #999999;
    border-radius: 50%;
    color: #dd1122;
    background: #ffffff;
    position: absolute;
    top: 2px;
    left: 0;
}

.accordion.expanded > p.topic:before {
    content: "\f068"; /* Change to '-' when expanded */
}

.acc-content {
    display: none;
    margin-bottom: 5px;
}

.acc-content p {
    margin-bottom: 10px;
}

.acc-content .accordion {
    margin-top: 5px;
}


/* Red background icon element style */
.fusion-builder-row #red-bg-icon-img img {
	background-color: #dd1122!important;
	border-radius: 50%!important;
}

/* MIT content box with icon */
.mit-content-box-with-icon img {
	background-color: #dd1122;
	border-radius: 50%;
}

/* MIT image tabs */
.image-tab {
	cursor: pointer;
	transition: all 0.3s ease;
  }
  
.image-tab.active .fusion-column-has-shadow {
box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.3);
transform: scale(1.1);
}

.image-tab.active .fusion-title-heading {
	color:#dd1122;
}

.image-tab:hover {
	transform: scale(1.1);
}

.image-tab:hover .fusion-title-heading {
	color:#dd1122!important;
}

.image-tab-content {
display: none;
}

/* gravity forms style */
#gform_wrapper_9 .gform_heading {
	text-align: center;
}

/* homepage */
@media only screen and (max-device-width: 640px) {
    #content {
        margin-bottom: 0px!important;
    }

	.mit-mobile-menu {
		min-height: 97px;;
	}
}

.homepage-tiles #homepage-tile-label {
	padding: 0px 10px;
}

.homepage-tiles #homepage-tile-label .fusion-title-heading {
	color:#ffffff!important;
	border: 1px solid #ffffff;
    margin: 0 auto!important;
	width: fit-content;
	min-width: 60%;
	padding: 3px 10px!important;
}

.homepage-tiles .homepage-tile:hover #homepage-tile-label .fusion-title-heading  {
	background-color:#ffffff!important;
	color: #000000!important;
}

@media screen and (min-width: 1025px) and (max-width: 1600px) {
	.home #homepage-tile-icon img {
		max-width: 90px!important;
	}
}


/* programme list shortcode  */
h5.programme_list_output_cat {
	margin-bottom: 0px;
	font-size: 16px!important;
}

/* Mega Menus */
.contact-mega-menu #contact-mega-col a,
.about-mega-menu #about-mega-col a{
	text-decoration:none!important;
}

.contact-mega-menu #contact-mega-col h3,
.contact-mega-menu #contact-mega-col h4,
.about-mega-menu #about-mega-col h3,
.about-mega-menu #about-mega-col h4 {
	padding:5px 0px!important;
}

.contact-mega-menu #contact-mega-col h3 a,
.contact-mega-menu #contact-mega-col h4 a,
.about-mega-menu #about-mega-col h3 a,
.about-mega-menu #about-mega-col h4 a {
	width: 100%;
}

.contact-mega-menu #contact-mega-col h3:after,
.about-mega-menu #about-mega-col h3:after {
	content: "\f105";
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	padding: 0 5px;
	display: inline-block;
	transition: transform 0.3s ease, margin-left 0.3s ease;
	position: absolute;
}

/* On hover: move icon to far right (simulate 100%) */
.contact-mega-menu #contact-mega-col h3:hover:after,
.about-mega-menu #about-mega-col h3:hover:after {
	right: 30px;
}

.contact-mega-menu #contact-mega-col h4:hover:after,
.about-mega-menu #about-mega-col h4:hover:after {
	right: 30px;
	content: "\f105";
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	padding: 0 5px;
	display: inline-block;
	transition: transform 0.3s ease, margin-left 0.3s ease;
	position: absolute;
}

.contact-mega-menu #contact-mega-col h3:hover,
.contact-mega-menu #contact-mega-col h4:hover,
.about-mega-menu #about-mega-col h3:hover,
.about-mega-menu #about-mega-col h4:hover {
	background-color: #666666;
}

.contact-mega-menu .contact-mega-col3 .fusion-title {
	padding:0px 20px 20px 20px;
}

.contact-mega-menu .contact-mega-col3 .fusion-title-heading {
	border:1px solid #ffffff;
	color:#ffffff;
	padding: 3px 0px!important;
}

.contact-mega-menu .contact-mega-col3:hover .fusion-title-heading {
	background-color: #ffffff;
	color:#dd1122!important;
}

.contact-mega-menu .study-mega-menu-areas-of-study .menu-text .awb-submenu__description {
	display: none;
}

/* Study mega menu prog search form */
.study-mega-col3 form#programme-redirect-search-form select#main-category,
.study-mega-col3 form#programme-redirect-search-form select#programme-select {
	width: 100%!important;
	background-color: #ffffff;
	padding: 0px 10px;
}

.contact-mega-menu .study-mega-col3 .brochure-finder .fusion-title-heading, 
.contact-mega-menu .study-mega-col3 .need-help .fusion-title-heading {
	border:1px solid #ffffff;
	color:#ffffff;
	padding: 3px 0px!important;
}

.contact-mega-menu .study-mega-col3 .brochure-finder:hover .fusion-title-heading,
.contact-mega-menu .study-mega-col3 .need-help:hover .fusion-title-heading {
	background-color: #ffffff;
	color:#dd1122!important;
}

/* Intake prog search form */
form#programme-category-search-form,
form#programme-date-search-form,
form#programme-flexible-search-form {
	display: flex;
	align-items: center;
}

form#programme-category-search-form #prog-cat-searchbox,
#programme-date-filter-wrapper #programme-date-filter,
form#programme-date-search-form #prog-date-searchbox,
#programme-category-filter-wrapper #programme-category-filter,
form#programme-flexible-search-form #prog-flexible-category,
#flexible-subcategory-filter-wrapper #flexible-subcategory-filter {
	width: 100%!important;
}

#programme-date-filter-wrapper #programme-date-filter,
#programme-category-filter-wrapper #programme-category-filter,
#flexible-subcategory-filter-wrapper #flexible-subcategory-filter {
	margin-bottom: 10px;
}

form#programme-category-search-form #prog-cat-searchbox,
form#programme-date-search-form #prog-date-searchbox,
form#programme-flexible-search-form #prog-flexible-category {
	margin-right:10px;
}

form#programme-category-search-form #prog-cat-search-button,
form#programme-date-search-form #prog-date-search-button,
form#programme-flexible-search-form #prog-flexible-button {
	background-color: #dd1122;
	border-radius: 20px;
	color:#ffffff;
	border:none;
	padding:12px 20px;
}

#programme-date-filter-wrapper,
#programme-category-filter-wrapper,
#flexible-subcategory-filter-wrapper {
	margin-top: 20px;
}

#programme-search-results .programme-entry td sub,
#programme-date-search-results .programme-entry-2 td sub,
#programme-flexible-results .programme-entry-3 td sub {
	display: block!important;
}

table.programme-results-list {
	width: 100%;
}

/* Tabs - element style */
#upcoming-intake-tabs .tab-content {
	margin-top:0px;
	background-color: #f1f7f2;
	border-bottom: 5px solid #dd1122;
}

/* Gallery load more button */
.awb-gallery-load-more-btn {
	background-color: #dd1122!important;
	color: #ffffff!important;
}

.awb-gallery-load-more-btn:hover {
	color: #ffffff!important;
	background-color: #000000!important;
}

/* Hide programme - id:8341 and id: 8335 */
/* hide from areas of study page */
.page-id-705 #category-posts-business .sub-categories-grid .sub-category-column:nth-child(3) .fusion-post-cards > ul > li:nth-child(1),
.page-id-705 #category-posts-business .sub-categories-grid .sub-category-column:nth-child(3) .fusion-post-cards > ul > li:nth-child(2) {
	display: none;
}

/* hide from business main cat */
.term-82 #category-posts-business-and-management .fusion-post-cards-3 ul li:nth-child(1),
.term-82 #category-posts-business-and-management .fusion-post-cards-3 ul li:nth-child(2) {
	display: none!important;
}

/* hide from business management cat */ 
.term-85 .fusion-post-cards > ul > li:nth-child(1),
.term-85 .fusion-post-cards > ul > li:nth-child(2) {
	display: none;
}

/* Programme table column carousel for mobile */
@media only screen and (max-width: 1024px) {
	.mobile-carousel {
		position: relative;
	  }

	.mobile-carousel .fusion-row {
	 	overflow: hidden;
	}
  
	.mobile-carousel .course-info-column,
	.mobile-carousel .swiper-slide {
		flex: 0 0 100%;
		padding: 0 !important;
   		margin: 0 !important;
		width: 100% !important;
    	box-sizing: border-box;
	}
  
	.swiper-wrapper {
	 	display: flex;
	}
  
	.swiper-slide {
	  width: 100%;
	  flex-shrink: 0;
	  padding-right: 10px;
	}

	.swiper-wrapper .fusion-layout-column {
		margin-left:5px!important;
		margin-right:5px!important;
	}
	
	/* --- Arrows --- */
	.swiper-button-prev,
	.swiper-button-next {
	  display: block !important;
	  position: absolute;
	  top: 50%;
	  transform: translateY(-50%);
	  z-index: 10;
	  width: 40px;
	  height: 40px;
	  background: #ffffff;
	  color: #dd1122!important;
	  border-radius: 50%;
	  text-align: center;
	  /*line-height: 36px;
	  font-size: 20px;*/
	  box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.5);
	}
  
	/*.swiper-button-prev::after,
	.swiper-button-next::after {
	  content: '';
	  display: inline-block;
	  border: solid #dd1122;
	  border-width: 0 2px 2px 0;
	  padding: 4px;
	}*/
  
	.swiper-button-prev::after {
	  /*transform: rotate(135deg);*/
	  content: "\f104";
	  font-size: 26px;
      font-weight: 900 !important;
	  font-family: awb-icons !important;
	}
  
	.swiper-button-next::after {
	  /*transform: rotate(-45deg);*/
	  content: "\f105";
	  font-size: 26px;
      font-weight: 900 !important;
	  font-family: awb-icons !important;
	}
  
	.swiper-button-prev {
	  left: 12px;
	}
  
	.swiper-button-next {
	  right: 12px;
	}

	.mobile-carousel .swiper-pagination {
	  display: flex !important;
	  align-items: center;
	  gap: 10px;
	  height: auto;
	  min-height: 20px;
	  margin: 0 auto;
	  visibility: visible !important;
	  top: 95%;
	  width: unset!important;
	  left: unset!important;
	}
  
	.mobile-carousel .swiper-pagination-bullet {
	  width: 12px;
	  height: 12px;
	  background-color: #dd1122 !important;
	  border-radius: 50%;
	  transition: all 0.3s ease;
	  display: inline-block;
	  box-shadow: 0px 1px 5px 1px rgba(0, 0, 0, 0.5);
	}
  
	.mobile-carousel .swiper-pagination-bullet-active {
	  background-color: #ffffff !important;
	  opacity: 1 !important;
	  box-shadow: 0px 1px 5px 1px rgba(0, 0, 0, 0.5);
	}

	.mobile-carousel .swiper-slide .fusion-content-boxes .content-container {
		max-width: 90%;
	}
}
  
  @media only screen and (min-width: 768px) and (max-width: 1025px) {
	.mobile-carousel {
		position: relative;
	}

	.mobile-carousel .fusion-row {
		overflow: hidden;
	}

	.mobile-carousel .course-info-column,
	.mobile-carousel .swiper-slide {
		flex: 0 0 50%;
		max-width: 50%;
		width: 50% !important;
		padding: 0 !important;
		margin: 0 !important;
		box-sizing: border-box;
	}

	.swiper-wrapper {
		display: flex;
	}

	.swiper-slide {
		flex-shrink: 0;
		padding-right: 10px;
	}

	.swiper-wrapper .fusion-layout-column {
		margin-left: 5px !important;
		margin-right: 5px !important;
	}

	/* Optional: Adjust pagination or arrows if needed */
	.swiper-button-prev,
	.swiper-button-next {
		width: 35px;
		height: 35px;
		font-size: 22px;
	}
}

/* Notification Board Style Section */
/* Under PTB  */
.under-ptb-notification-bar .notification-board-card {
	padding-left:50px;
}

.under-ptb-notification-bar .notification-board-card::before {
	display: block;
    box-sizing: border-box;
    position: absolute;
    top: 13px;
    bottom: auto;
    width: 28px;
    height: 28px;
    content:"\f129";
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
    font-size: 16px;
    line-height: 24px;
    text-align: center;
    color: rgb(136, 139, 141);
    background-color: rgb(255, 255, 255);
    margin: auto auto auto -44px;
    border-width: 2px;
    border-style: solid;
    border-color: rgb(136, 139, 141);
    border-image: initial;
    border-radius: 50%;
}

.course-tab-details .notification-board-card {
	display: inline-block;
    box-sizing: border-box;
    position: relative;
    padding: 20px 0px 0px 0px;
    padding-left: 64px;
    width: 100%;
    border: 0;
    line-height: 1.5;
    background-color: #c8c9c7;
    text-align: left;
	margin-bottom: 20px;
}

.course-tab-details .notification-board-card::before {
	display: block;
    box-sizing: border-box;
    position: absolute;
    width: 28px;
    height: 28px;
    content:"\f129";
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
    font-size: 16px;
    text-align: center;
    color: rgb(136, 139, 141);
    background-color: rgb(255, 255, 255);
    border-width: 2px;
    border-style: solid;
    border-color: rgb(136, 139, 141);
    border-image: initial;
    border-radius: 50%;
	margin-left:-44px;
}

/* Hide the element if it does NOT have .notification-board-card inside */
.top-header-notification-label:not(:has(.notification-board-card)),
.under-breadcrumb-notification-label:not(:has(.notification-board-card)),
.under-ptb-notification-bar:not(:has(.notification-board-card)),
.above-programme-table-label:not(:has(.notification-board-card)) {
  display: none;
}

/* NZ maritime school logo across PTB */
.maritime-banner .course-title-bar > .fusion-builder-row {
	background-image: url('https://www.manukau.ac.nz/__data/assets/file/0007/502927/NZMS-Portrait-white-gold.svg');
	background-repeat: no-repeat;
	background-position: right center;
	background-size: 200px 200px;
}

/* hide programme shortcode empty post box */
body.term-115 #category-posts-short-courses-in-maritime .fusion-builder-placeholder,
body.term-98 #category-posts-preparation-for-employment-and-everyday-life .fusion-builder-placeholder,
body.term-102 #category-posts-preparation-for-employment-and-everyday-life-foundation-and-bridging-studies .fusion-builder-placeholder,
body.term-102 #category-posts-esol-english-for-speakers-of-other-languages .fusion-builder-placeholder {
	display: none;
}

/* Footer general style */
.fusion-footer .mit-footer-4col-info a {
	text-decoration: none!important;
}

.fusion-footer .awb-menu ul.fusion-menu li a:hover span {
	text-decoration: underline!important;
	text-decoration-style: dotted;
	text-underline-offset: 2px;
}

.fusion-footer .mit-footer-4col-info a:hover {
	text-decoration: underline!important;
	text-decoration-style: dotted;
	text-underline-offset: 2px;
}

@media screen and (min-width: 1025px) {
	.fusion-footer .mit-footer-4col-menus #mit-footer-4col-menus-col2 .fusion-column-wrapper {
		background: unset!important;
	}
}

/* Mobile CSS for all the rest */
@media screen and (max-width: 480px) {
	/* Footer */
	.fusion-footer .mit-footer-4col-menus #mit-footer-4col-menus-col4 .fusion-column-wrapper {
	background: unset!important;
	}

	.fusion-footer .footer_brochure_finder_red_blocks .fusion_builder_column_1_4 .fusion-column-wrapper {
		flex-direction:row!important;
	}

	.fusion-footer .footer_brochure_finder_red_blocks .fusion_builder_column_1_4 .fusion-column-wrapper .fusion-title {
		align-content: center!important;
	}

	.fusion-footer .footer_brochure_finder_red_blocks .fusion_builder_column_1_4 .fusion-column-wrapper div.fusion-title-heading {
		box-shadow: none!important;
		padding: 0px 10px!important;
	}

	#content .post-content table {
		border-collapse: collapse!important;
		display: block!important;
		width: 100%;
		overflow-x: auto!important; 
	}

	/* Mobile menu */
	ul#menu-mobile-main-menu > li.menu-item-has-children button::before {
		padding: 0 1em !important;
		border-left: 1px solid grey;
	}

	ul#menu-mobile-main-menu li.menu-item-has-children a {
		display: flex;
    	justify-content: space-between;
	}

	ul#menu-mobile-main-menu li.menu-item-has-children > a::after {
		content: '\f105';
		font-family: awb-icons;
		color: #ffffff;
		margin-right:40px;
	}
}

/* Footer tablet view */
@media screen and (min-width: 481px) and (max-width: 1024px) {
	.fusion-footer .mit-footer-4col-menus #mit-footer-4col-menus-col4 .fusion-column-wrapper {
		background: unset!important;
	}
}

/* Study page hover effect */
.study-grid .study-col:hover .fusion-column-anchor {
	box-shadow: 0 1px 8px 1px rgba(0, 0, 0, 0.3);
}

.study-grid .study-col:hover .fusion-title {
	text-decoration: underline;
}

.child-page-tile-card:hover .fusion-column-anchor {
	box-shadow: 0 1px 8px 1px rgba(0, 0, 0, 0.3);
}

.child-page-tile-card .child-page-tile-card-title h3 a{
	text-decoration: none!important;
}

.child-page-tile-card:hover .fusion-builder-row .child-page-tile-card-title h3.fusion-title-heading a {
	text-decoration: underline!important;
}

/*
  Running Squiz Matrix
  Developed by Squiz - http://www.squiz.net
  Squiz, Squiz Matrix, MySource, MySource Matrix and Squiz.net are registered Trademarks of Squiz Pty Ltd
  Page generated: 06 April 2022 12:19:49
*/
.mktoModalMain,
.marketo-form.mktoForm,
.marketo-form.mktoForm .mktoHasWidth {
    width: auto !important;
}
.marketo-form.mktoForm {
    font-size: 1em !important;
}
.marketo-form.mktoForm .mktoOffset {
    width: 0 !important;
}
.marketo-form.mktoForm .mktoError {
    position: relative;
    clear: both;
    top:  auto !important;
    right:  auto !important;
    bottom: auto !important;
    left: auto !important;
}
.marketo-form.mktoForm .mktoError .mktoErrorMsg {
    margin-top: 0;
}
.marketo-form.mktoForm .mktoError .mktoErrorArrowWrap {
    top: -7px;
}
.marketo-form.mktoForm .mktoFormCol,
.marketo-form.mktoForm .mktoFieldWrap,
.marketo-form.mktoForm .mktoFormRow {
    float: none;
}
.marketo-form.mktoForm .mktoButtonRow {
    display: block;
    margin-top: 0.5em;
}
.marketo-form.mktoForm .mktoLabel {
    line-height: 1.2;
    padding: 0 0 0.3em;
    font-weight: bold;
}
.marketo-form.mktoForm select,
.marketo-form.mktoForm input[type='date'].mktoField,
.marketo-form.mktoForm input[type='time'].mktoField,
.marketo-form.mktoForm input[type='datetime'].mktoField,
.marketo-form.mktoForm input[type='datetime-local'].mktoField,
.marketo-form.mktoForm input[type='month'].mktoField,
.marketo-form.mktoForm input[type='week '].mktoField,
.marketo-form.mktoForm input[type='tel'].mktoField,
.marketo-form.mktoForm input[type='url'].mktoField,
.marketo-form.mktoForm input[type='search'].mktoField,
.marketo-form.mktoForm input[type='number'].mktoField,
.marketo-form.mktoForm input[type='email'].mktoField,
.marketo-form.mktoForm input[type='text'].mktoField,
.marketo-form.mktoForm textarea.mktoField,
.marketo-form.mktoForm select.mktoField {
    width: 100% !important;
    margin: 0 0 0.5em;
    padding: 0.1em 0.3em;
    line-height: inherit;
}
.marketo-form.mktoForm textarea.mktoField {
    line-height: normal;
}
.marketo-form.mktoForm select.mktoField {
    line-height: normal;
    padding: 4px 2px;
}
.marketo-form.mktoForm label,
.marketo-form.mktoForm .mktoLabel {
    clear: none;
}
.marketo-form.mktoForm b,
.marketo-form.mktoForm i,
.marketo-form.mktoForm strong,
.marketo-form.mktoForm em {
    padding: 0;
}
.marketo-form.mktoForm .mktoRadioList,
.marketo-form.mktoForm .mktoCheckboxList {
    clear: left;
}
.marketo-form.mktoForm .mktoRadioList > input,
.marketo-form.mktoForm .mktoCheckboxList > input {
    margin-top: 0.25em;
}
.marketo-form.mktoForm .mktoRadioList > label,
.marketo-form.mktoForm .mktoCheckboxList > label {
    margin-top: 0;
}

.marketo-form.mktoForm .center div,
.marketo-form.mktoForm .center span,
.marketo-form.mktoForm .center label,
.marketo-form.mktoForm .center p,
.marketo-form.mktoForm .center {
    text-align: center;
}
.marketo-form.mktoForm .marketo-thank-you-message p {
    margin: 0 0 1em;
}

.marketo-form.mktoForm button.mktoButton {
	background: #dd1122;
    padding: 10px 30px;
    color: #ffffff;
    border: 0px solid #ffffff;
    border-radius: 50px;
}

.marketo-form.mktoForm button.mktoButton:hover {
	background: #000000;
    padding: 10px 30px;
    color: #ffffff;
    border: 0px solid #ffffff;
    border-radius: 50px;
}

/* Gravity forms style */
.gravity-theme form .gsection h3.gsection_title {
	margin-bottom: 0px;
	color:#ffffff!important;
}
.gravity-theme form .gsection {
	border: 0px solid #ffffff;
	background-color: #dd1122;
	padding: 10px!important;
	margin: 10px 0px;
}

/* Blog medium list style */
.fusion-blog-layout-medium-alternate article {
	margin-bottom: 20px!important;
}

/* MIT style  - text underline in fusion wrapper */
.fusion-builder-row .fusion_builder_column .mit-text-underline {
	text-decoration: underline;
    text-decoration-color: #ffffff;
    text-underline-offset: 2px;
}

/* search page style */
.search-filters .filter-section {
	margin-bottom: 40px!important;
}

.search-filters .filter-list {
    display: flex;
    flex-direction: column;
}

.search-filters .filter-item {
    transition: background 0.2s;
}

.search-filters .filter-item a {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 4px 10px!important;
    color: #333 !important;
    text-decoration: none !important;
	border-bottom: 1px solid #eeeeee;
}


.search-filters .filter-item a:hover,
.search-filters .filter-item a:focus {
    text-decoration: none!important;
}

.search-filters .filter-item:hover {
    background-color: #e0e0e0;
}

.search-filters .filter-item.active {
    background-color: #e0e0e0;
    font-weight: bold;
}

.search-filters .filter-arrow {
    font-size: 1.2em;
    color: #888;
}

.search-results #posts-container .fusion-posts-container article {
	margin-bottom: 30px;
    border-bottom: 1px solid #ccc;
}

.search-page-search-form-top {
	padding-bottom: 30px!important;
	margin-bottom: 30px!important;
}

/* Make sure Font Awesome is used for filter arrows */
.filter-arrow::after {
    content: "\f105"; /* Unicode for fa-angle-right */
    font-family: "Font Awesome 5 Free";
    font-weight: 900; /* Required for solid icons */
    font-size: 1rem;
    color: #888;
}

.filter-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
}

.filter-header h5 {
    margin: 0;
}

.clear-filter {
    font-size: 13px;
    color: #dd1122;
    text-decoration: none;
}

.clear-filter:hover {
    text-decoration: underline;
    color: #dd1122;
}

/* MIT header search box */
#menu-header-top-search .MIT-header-search {
	width: 100%;
}

/* Footer sheid logo */
#menu-te-pukenga li.shielded-logo img {
	max-height: 30px!important;;
}

/* News stories */
.page-id-2804 .news-stories article .fusion-post-slideshow {
	max-width: 260px;
}

.page-id-2804 .news-stories article {
	border-bottom: 1px solid #cccccc;
    padding: 0px 0 20px 0;
}

/* MIT bordered tab accordion style */
.page-tiles-toggle.border-tab-accordion {
	margin-top: 0!important;
	border-bottom: 1px solid #000000;
}

.page-tiles-toggle.border-tab-accordion .page-tile-100 .page-tile-title {
	background-color: #ffffff!important;
}

.page-tiles-toggle.border-tab-accordion .page-tile-title h3.fusion-title-heading,
.page-tiles-toggle.border-tab-accordion .page-tile-title:hover h3.fusion-title-heading {
	color:#000000!important;
}

.page-tiles-toggle.border-tab-accordion .page-tile-100 .page-tile-title::after {
	color:#dd1122!important;
}

/* Column hover box shadow effect  - class:column-hover-effect */
.column-hover-effect:hover .fusion-column-inner-bg {
	box-shadow: 0px 1px 6px 0 rgba(0,0,0,0.5);
}

/* faq accordion - fusion toggle with style */
#faq-accordian .fusion-toggle-icon-boxed .panel-title a:hover i,
#faq-accordion .fusion-toggle-icon-boxed .fusion-toggle-icon-wrapper i,
#faq-accordian .fusion-toggle-icon-boxed .panel-title a.active i.fa-fusion-box,
#faq-accordian .fusion-toggle-icon-boxed .panel-title a:not(.active).hover i {
	border-radius: 50%!important;
    border: 1px solid #cccccc!important;
    background: #ffffff !important;
}

/* mit testimonials lightbox images */
#mit-testimonials-lightbox .fusion-text {
	position: relative;
  width: 100%;
  padding-bottom: 56.25%; /* 16:9 aspect ratio */
  overflow: hidden;
}

#mit-testimonials-lightbox .fusion-text img {
	position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* prog, prog cat page title bar focus point - mobile */
@media screen and (max-width: 480px) {
	.fusion-page-title-bar .course-title-bar {
		background-position: 70% 50%!important;
	}
}