/* GLOBAL STYLES
-------------------------------------------------- */
/* Padding below the footer and lighter body text */
html {
  scroll-behavior: smooth;
}

body {
  color: #000000;
  font-family: UntitledSans;
}

/* FONT FACES
-------------------------------------------------- */
@font-face {
    font-family: TiemposHeadlineMedium;
    src: url("/fonts/tiempos-headline-web-medium.woff2");
    font-display: swap;
}

@font-face {
    font-family: UntitledSans;
    src: url("/fonts/untitled-sans-web-light.woff2");
    font-display: swap;
}

@font-face {
    font-family: UntitledSansMedium;
    src: url("/fonts/untitled-sans-web-medium.woff2");
    font-display: swap;
}

@font-face {
    font-family: UntitledSansBold;
    src: url("/fonts/untitled-sans-web-bold.woff2");
    font-display: swap;
}

@font-face {
    font-family: UntitledSansLightItalic;
    src: url("/fonts/untitled-sans-web-light-italic.woff2");
    font-display: swap;
}

h1,h2,h3,h4,h5,h6 {
	font-family: TiemposHeadlineMedium;
}

h4{
	font-weight:bold;
}

mark{
	background-color:yellow;
}

.massey-blue-bg{
    background-color:#004B8D;
}

.massey-orange-bg{
    background-color:#E4A024;
}

.massey-blue-text{
    color:#004B8D;
}

.massey-orange-text{
    color:#E4A024;
}

.rounded-custom {
    border-radius: .75rem;
}

button:focus{
    outline:none;
}

.btn{
    border-radius:0 !important;
    background-color:#e4a024;
    border:none;
	color: #000000 !important;
	font-weight:600;
	padding:10px 15px;
}

.btn-primary.disabled, .btn-primary:disabled {
    background-color: gray;
}

.btn:hover{
    background-color:#f4bd58;
}

.muc-feat-bg-image{
	width: 240px;
	width: 300px;
	height: 160px;
	height: 200px;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 100% auto;
	margin: 0 auto;
	border-radius: 2px;
}

/* NAVBAR
-------------------------------------------------- */
.nav-link{
    color:#000000 !important;
    cursor:pointer;
    padding:13px !important;
	font-size:15px;
}

.nav-item.active .nav-link, .nav-link:hover{
    color:#E4A024 !important;
}

.nav-item span{
    width: 100%;
    display: block;
    text-align: center;
    margin-top: -18px;
    font-size: 13px;
    font-weight:normal;
}

span.dropdown_maori{
    margin-left:-5px;
}

.dropdown-item:hover, .dropdown-item.active{
    color:#E4A024;
    background:none;
}

.download-brochure{
    text-align:right;
}

.download-brochure-btn{
	padding:10px;
}

.download-brochure a.massey-main {
    margin-top: 10px !important;
    background: #004B8D;
    color: #ffffff !important;
}

.header__main.navbar-brand .header__logo img{
	width:300px;
	height:77px;
}

.muc_translation{
	padding-top:5px;
}

/* BANNERS
-------------------------------------------------- */
.banner-text{
    background: #000;
    opacity: 0.8;
    padding: 1rem;
}

.masthead {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.masthead.home{
    height: 40vh;
    min-height: 400px;
    background-image: url('../img/Banner1_1200x450_homepage-2025.jpg');
}

.masthead.about-us{
    height: 20vh;
    min-height: 300px;
    background-image: url('../img/MUC_ABOUT_US_UPDATED_SEP_2021.jpg');
}

.masthead.student-life{
    height: 20vh;
    min-height: 300px;
    background-image: url('../img/MUC_Student_Life__1110x330_2025.jpg');
}

.masthead.foundation_certificate_international{
    height: 20vh;
    min-height: 300px;
    background-image: url('../img/MUC_FS_coursepage_DRAFT_1110x330_AUG_2021.jpg');
}

.masthead.foundation_certificate_international_accelerated{
    height: 20vh;
    min-height: 300px;
    background-image: url('../img/MUC_FS_Accelerated_UPDATED_SEP_2021.jpg');
}

.masthead.entry-requirements{
	height: 20vh;
    min-height: 300px;
    background-image: url('../img/MUC_How_To_Apply_DRAFT_V1_1110x330_AUG_2021.jpg');
}

.masthead.general-english{
	height: 20vh;
    min-height: 300px;
    background-image: url('../img/MUC_General_English_Banner2_UPDATED_1110x330_FA_SEP_2021.jpg');
}

.masthead.english-for-academic-purposes-1{
	height: 20vh;
    min-height: 300px;
    background-image: url('../img/MUC_EAP1_1110x330_FA_extended_AUG_2021.jpg');
}

.masthead.english-for-academic-purposes-2{
	height: 20vh;
    min-height: 300px;
    background-image: url('../img/MUC_English_Banner1_DRAFT_1110x330_AUG_2021.jpg');
}

.masthead.how-to-apply{
	height: 20vh;
    min-height: 300px;
    background-image: url('../img/MUC_How_To_Apply_1110x330_FA_AUG_2021.jpg');
}
.btn.btn-link.btn-accordion{
    background-color: transparent;
    margin-top: 0px;
    padding: 0;
    color: #4789c8 !important;
}
.masthead.fees-key-dates{
	height: 20vh;
    min-height: 300px;
    background-image: url('../img/MUC_Key_Dates_1110x330_MAR_2025.jpg');
}

.masthead.contact{
    height: 20vh;
    min-height: 300px;
    background-image: url('../img/MUC_CONTACT_UPDATED_SEP_2021.jpg');
}

.masthead.forms-policies{
    height: 20vh;
    min-height: 300px;
    background-image: url('../img/Banner1_1200x450_Forms_and_Policies.jpg');
}

.masthead.legal{
    height: 20vh;
    min-height: 300px;
    background-image: url('../img/Banner1_1200x450_Legal.jpg');
}

.masthead.diploma-business{
    height: 20vh;
    min-height: 300px;
    background-image: url('../img/MUC_template_all_pages_Business_1110x330_FA_NOV_2021.jpg');
}

.masthead.graduate-diploma-management{
    height: 20vh;
    min-height: 300px;
    background-image: url('../img/MUC_template_all_pages_Management_1110x330_FA_NOV_2021.jpg');
}

.masthead.graduate-diploma-marketing{
    height: 20vh;
    min-height: 300px;
    background-image: url('../img/MUC_template_all_pages_Marketing_1110x330_FA_NOV_2021.jpg');
}

.masthead.graduate-diploma{
    height: 20vh;
    min-height: 300px;
    background-image: url('../img/20240809_MUC_graduate-diploma-banner-1110x330.jpg');
}

.masthead.chat-to-team {
    height: 20vh;
    min-height: 300px;
    background-image: url('../img/tap-speak-to-an-ambassador-header.jpg');
}
.masthead.Work-With-us {
    height: 20vh;
    min-height: 300px;
    background-image: url('../img/MUC-work-with-us-header-2025.jpg');
}

.muc_rankings{
	margin-bottom:55px;
}

/* MARKETING CONTENT
-------------------------------------------------- */

.marketing .col-lg-4 {
	display: flex;
	flex-direction: column;
	flex: 1;
	margin-bottom: 1.5rem;
	text-align: center;
}

.marketing h2 {
  font-weight: 400;
}

.marketing .col-lg-4 p {
  margin-right: .75rem;
  margin-left: .75rem;
}

.marketing_btn{
	margin-top:auto;
}

.section_with_background{
    background-image:url('../img/banner4.png');
    background-size:cover;
    background-repeat:no-repeat;
    background-position:top center;
    padding:2rem;
	min-height:230px;
    
}

.section_with_background h5{
    line-height:3rem;
}

.section_with_background .lead{
	font-size:1.1rem;
	line-height:2;
}

#tap-iframe-widget{
    border:none;
}

/* Featurettes
------------------------- */

.featurette-divider {
  margin: 3rem 0; /* Space out the Bootstrap <hr> more */
}

/* Thin out the marketing headings */
.featurette-heading {
  font-weight: 300;
  line-height: 1;
  letter-spacing: -.05rem;
}

.videoWrapper {
  position: relative;
  padding-bottom: 56.25%;
  /* 16:9 */
  padding-top: 25px;
  height: 0;
}

.videoWrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* RESPONSIVE CSS
-------------------------------------------------- */

@media (min-width: 40em) {
  .featurette-heading {
    font-size: 50px;
  }
}

@media (min-width: 62em) {
  .featurette-heading {
    margin-top: 2rem;
  }
}

/* FOOTER
-------------------------------------------------- */
.footer{
	background:url("../img/MUC_Website_Footer_DRAFT_V1_OCT_2021.png") no-repeat center;
}

.footer a{
    color:#ffffff;
}

.footer .fab{
    font-size:2rem;
}

/* COURSES PAGE - CSS
-------------------------------------------------- */

.nav-tabs, .nav-tabs .nav-link{
    border:none;
}

.nav-tabs .nav-link.active{
    background-color:#004B8D;
    color:#E4A024 !important;
    font-weight:bold;
}

.course-sticky-menu{
    background:#4789c8;
}

.course-sticky-menu div{
    display:flex;
}

.course-sticky-menu li a{
    padding: 2rem;
    color: #ffffff;
    text-transform:uppercase;
    font-weight:500;
}

.course-sticky-menu.student-life ul,
.course-sticky-menu.student-life li{
	align-items:center;
	justify-content:center;
}

.course-sticky-menu.student-life li a{
	padding: 10px 11px;
	display: inherit;
}

.borderless td, .borderless th {
    border: none;
}

.auckland_img img {
    display: inline-block;
    width: 49.7%;
	margin-bottom: 20px;
}

/* The sticky class is added to the navbar with JS when it reaches its scroll position */
.sticky {
  position: sticky;
  top: 0;
  z-index:9;
}

/* Add some top padding to the page content to prevent sudden quick movement (as the navigation bar gets a new position at the top of the page (position:fixed and top:0) */
.sticky + .content {
  padding-top: 60px;
}

.course_content tr td{
	padding:0.5rem;
}

.course_content tr td:first-child,.course_content tr td:last-child {
    width: 20%;
}

.muc_blockquote{
	 background:#004b8d; 
	margin: 25px auto;
	padding: 5%;
	color: #fff;
	text-align: center;
	font-weight: bold;
	font-size:1.2rem;
}

.entry-requirements tr td {
    width: 16% !important;
}

/* Forms */
.zapierSubmit .formsuccess,
.zapierSubmit .formerror,
.zapierSubmit .captcha_error {
    display: none;
}
.zapierSubmit .form-group.is-invalid small.is-invalid {
    color: #dc3545;
    display: block;
    padding: 5px;
}

.zapierSubmit select{
    -webkit-appearance:none;
}

/* Make dropdown menus active on hover */
.dropdown:hover > .dropdown-menu {
    display: block;
}

.dropdown > .dropdown-toggle:active {
    /*Without this, clicking will make it sticky*/
    pointer-events: none;
}

.dropdown .submenu-parent:hover {
    /* enable pointer events on hover so that we can click on the submenu parents */
    pointer-events:all;
}

.captcha_error{
    color:#dd0202;
}

.muc_img_block{
	padding:15px;
}

.muc_img_block img{
	width:100%;
}

.muc_img_block > div{
	padding:0;
}

.muc_table_bg{
	background:#4789c8; 
	color:#fff;
}

.about_us_color img{
	background:#758CBB;
}

.eap_tbl td{
	vertical-align:middle;
}

.table-bordered{
	border:none !important;
}

/*Custom width*/
.width-75{
	width:75% !important;
}

.width-80{
	width:80%;
}

.width-50{
	width:50% !important;
}

.width-20{
	width:20%;
}

@media (min-width: 1200px){
}

@media (min-width: 992px) and (max-width: 1199px) {
	.nav-link{
		padding:12px !important;
		font-size:12px;
	}
	
	.download-brochure a{
		font-size:12px;
	}
}

@media (min-width: 992px){

	.course_content table{
		width:75%;
	}
	
	.download-brochure{
		width:30%;
	}
	
	.download-brochure a{
		display: inline-block;
		width: 90%;
	}
	
	.download-brochure a.massey-main {
		font-weight: bold;
		text-align: center;
	}
}

/* Landscape phones and portrait tablets */
@media (max-width: 991px) {
    .nav-item span{
        text-align:left;
        padding:0 1rem;
        margin-left:0 !important;
    }
    
    .download-brochure{
        margin: 2rem 1rem !important;
    }
	
	.download-brochure a{
		display: block;
		width: 100%;
	}
    
    .course-sticky-menu li{
        padding:1rem;
    }
    
    .header__main.navbar-brand{
        width:75%;
    }
	
	.dropdown-item{
		white-space:normal;
	}
	
	.footer{
		background-image:none !important;
		background-color:#000;
	}
}


/* Landscape phones and smaller */
@media (max-width: 480px) {
	.auckland_img img{
		width:100%;
	}
}