/*
  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: 07 June 2026 16:19:18
*/


@import url('https://fonts.googleapis.com/css?family=Roboto:400,300,500');

/*TEST STYLES FOR NEW TEMPLATE - DELETE LATER?*/
/*.nostyle {
    font-family: roboto;
    text-transform:uppercase;
}*/

/*---------------------------------------------*/
/*    OVERRIDES for default Monash css 
/*---------------------------------------------*/

/* Add space between footer and content (1/11/17 - TW) */
*#footer {
    margin-top: 5em;
}

/* make table row border darker and easier to see */
td {
    border-bottom: 1px solid #E0E0E0;
}


/* When using Definition Term <dt> and Definition Description <dd>, make questions same style as H2 in Mango */
dt {
    font-weight: 400;
    font-family: "Roboto Condensed", sans-serif;
    color: #505050;
    font-size: 1.3125rem;
}

hr {
    height: 1px;
    border: 0px solid #fff;
    border-bottom: 1px solid #ccc;
    margin-bottom: 1em;
}

/* social sharing buttons started to comeup 28mar2019. this is a hack to remove them */
.addThis {
    display: none;
}

/*---------------------------------------------*/
/* END OVERRIDES */
/*---------------------------------------------*/


#site-heading-desktop a {
    color: #3c3c3c;
    text-decoration: none;
}


.highlight { background-color: #f5f6f6; padding: 0.8em; margin: 0 0 1em 0; }
.box { background-color: #f5f6f6; padding: 1em 1.5em; margin: 0 0 1em 0; font-weight:400; }
.box-wide { background-color: #f5f6f6; padding: 1em 5em; margin: 0 -5em; font-weight:400; }
.feature-text, .contentPanel .bodyCopy .feature-text {font-size: 1.5rem; color: #505050; line-height: 1.3; font-family: "Roboto Condensed", sans-serif; }

/* BUTTON */
/* Use class="btn btn--blue" for blue button */
/* Use class="btn btn--grey" for grey button */

p.button > a:hover,
.btn:hover,
.btn-bordered:hover,
.sq-form-submit:hover {
  text-decoration: underline;
  /* BUTTON HOVER COLOR 
  background-color:#66a7ce;*/
}

/* STYLES FOR PRINT */
@media print {
    .hidden-print {display: none;}
}

/* END STYLE FOR PRINT */

@media only screen and (min-width: 767px){
  .content-column-wrap { display: -webkit-box; display: -webkit-flex; display: flex; margin: 0 -15px }
  .content-column-1 { -webkit-box-flex: 1; -webkit-flex: 1;  flex: 1; margin-left: 15px; margin-right:15px;}
  .content-column-2 { -webkit-box-flex: 2; -webkit-flex: 2;  flex: 2; margin-left: 15px; margin-right:15px;}
  .content-column-3 { -webkit-box-flex: 3; -webkit-flex: 3;  flex: 3; margin-left: 15px; margin-right:15px;}
}



/* -----------------------------------
/* TW added 29/8/17 for Research Ambassadors page  /*

/* float right unless in mobile view */
.float-right-on-larger-screens { float: right;  margin-left: 1em; margin-bottom: 1em; }

/* float left unless in mobile view */
.float-left-on-larger-screens { float: left;  margin-right: 1em; margin-bottom: 1em; }

@media screen and (max-width: 560px) { /* in mobile view, display in the original order */
.float-right-on-larger-screens, .float-left-on-larger-screens { 
    float: none; 
    margin-left: 0px;
    margin-right: 0px;
    width:auto;
}
}
/* -----------------------------------*/


/*---------------------------------------------------------------------------------------------
/* FLOATING HIGHLIGHT - same as normal RHS highlight, but doesn't reserve the entire column (TW 4apr2018) */
.edu-floating-highlight {
 width: 300px;
 float: right;  margin-left: 1em; margin-bottom: 1em; /* float right unless in mobile view (same as .float-right-on-larger-screens) */
}

@media screen and (max-width: 640px) { /* in mobile view, display in the original order */
.edu-floating-highlight { float: none; margin-left: 0px;  width: 100%;}
/*.edu-floating-highlight { float: none; margin-left: 0px; }*/
}
/* End FLOATING HIGHLIGHT
/*---------------------------------------------------------------------------------------------*/


/* -----------------------------------*/
/* VARIABLE NUMBER OF COLUMNS LAYOUT  */
/* TW added 31/1/2018 - this column layout is used on Contact the Faculty, Philanthropy, and possibly other pages */
@media only screen and (min-width: 767px) {
/*.row is already defined in the main.css*/
.remove-first-last-margins {
    margin: 0 -15px /* negative margin offsets the margins of the first and last columns in the row */
}
/* this .column allows variable number of columns to be added within a .row */
.column {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    margin-left: 15px;
    margin-right: 15px;
    margin-bottom: 1em;
}
/* -----------------------------------*/


/* -----------------------------------
/* TWO COLUMN LAYOUT (TW Nov 16) */
.two-columns {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
    -webkit-column-gap: 40px;
    column-gap: 40px;
    -moz-column-gap: 40px;
  -webkit-column-width: 150px;
     -moz-column-width: 150px;
          column-width: 150px;    
}    

.two-columns-with-separator {
  -webkit-columns: 2 200px;
     -moz-columns: 2 200px;
          columns: 2 200px;
  -webkit-column-gap: 4em;
     -moz-column-gap: 4em;
          column-gap: 4em;    
     -webkit-column-rule: 1px dotted #ddd;
     -moz-column-rule: 1px dotted #ddd;
          column-rule: 1px dotted #ddd;
    
}
/* END TWO COLUMN LAYOUT
/* -----------------------------------


/* ---------------------------------------------
/* STUDENT PROFILE BOX (TW nov 16) */
.profile__wrapper {
    margin: 2em 0 2em 0;
    background-color: #f6f6f6; /*#f5f6f6;*/
}

.profile__left-column{ /* display as a left column on wide screens, wider than 360px mobile view + 200px image size */
    background-color: #f6f6f6;
    padding: 20px;
    margin-right: 250px;
}

.profile__right-column{
    float: right;/**/
    width: 250px;
}

.profile__quote{
/*   font-family: "minion pro",serif;
    font-size: 1.5rem !important;
    line-height: 2rem !important;
    color: #006cab;*/
    font-family: "Century Schoolbook", Georgia, "Times New Roman", Times, serif;
    font-size: 1.2em; 
    line-height: 1.25em; 
    padding: 30px 0px 10px 30px; 
    background-image: url('https://www.monash.edu/__data/assets/image/0013/1217011/quote-begining.png');
    background-position: top left;
    background-repeat: no-repeat;
    font-style: italic;
    margin: 0; /* remove margin if applied to p */
}

.profile__name{
    text-align:right;
    font-size: 1.1rem !important;
    margin: 0; /* remove margin if applied to p */
}

.profile__image{
    width: 100%;
    display: block; 
    position:relative;
}
.profile__link {
    text-align: center;
    display: block;
    padding: 0.75rem 1.0625rem;
    /*background-color: #006dae; -- blue */
    /*background-color: #505050; -- gray */
    /*background-color: #3c3c3c; -- slightly darker gray */
    background: #ddd; /* -- ligher gray*/
}

.profile__link > a {
    /*color: #fff;*/
}


@media screen and (max-width: 560px) { /* mobile view */
/* in mobile view, re-order quote and image boxes so that quote box fills the entire width of the screen with image underneath it */
.profile__wrapper{
    display: table;
}
.profile__left-column {
    display: table-header-group;
    width: 100%;
}
.profile__right-column{
    display: table-footer-group;
    width: 100%;
}
    
.profile__quote{
    padding: 20px;
}

.profile__name{
    padding: 0 20px 20px 20px;
}    
}
/* END STUDENT PROFILE BOX 
/*---------------------------------------------


/* ---------------------------------------------
/* STUDENT PROFILE PAGE  */
/* afterword at the end of the profile or article (TW Apr 2018) */
.edu-profile-afterword {
    /*background: #f5f6f6;*/
    padding: 0.5em 0;
    margin-top: 5em;
    border-top: 2px solid #CCC;
    font-style: italic;
}
/* END STUDENT PROFILE PAGE 
/*---------------------------------------------



/* ----------------------------------------------
/* QUICKLINK ICONS (CURRENT STUDENTS SECTION)  - TW May 2018 */


div.quicklink-icons {
    padding: 1.5em 0;
}

div.quicklink-icons  div{
    text-align: center;  
    margin: 2rem 0;
}

div.quicklink-icons div  h2{
    font-weight: 400;
    font-family: "Century Schoolbook", Georgia, "Times New Roman", Times, serif;
    color: #006dae;
    font-size: 1.5rem;
    margin-bottom: 0;
    margin-top: 0.5rem;
}

div.quicklink-icons div  a {
    text-decoration: none;
}

div.quicklink-icons div  a:hover {
    text-decoration: underline;
}

/* smaller version of icons for sub-landing pages (otherwise, the full size is 75x75) */
div.quicklink-icons.smaller-icons div img {
    height: 40px;
}

/* END STUDENT PROFILE PAGE 
/*---------------------------------------------


/*---------------------------------------------
/* DOCUMENT FILE TYPES / LINK TYPES (16x16) */

.pdf a, a.pdf { /* can apply to the entire ul or ol */
    /*background-image: url(/education/assets/images/icons/pdf-icon.gif);*/
    background-image: url("https://www.monash.edu/education/media/images/icons/pdf-icon.gif");
    background-repeat: no-repeat;
    background-position: left top;
    padding-left: 1.5em;
    padding-bottom: 2px;
}

.doc a, a.doc {/* can apply to the entire ul or ol */
/*    background-image: url(/education/media/images/icons/word-icon.gif);*/
    background-image: url("https://www.monash.edu/education/media/images/icons/word-icon.gif");
    background-repeat: no-repeat;
    background-position: left top;
    padding-left: 1.5em;
}

.ppt a, a.ppt {    /* can apply to the entire ul or ol */
/*    background-image: url(/education/assets/images/icons/ppt-icon.gif);*/
    background-image: url("https://www.monash.edu/__data/assets/image/0005/1879844/ppt-icon16x16.png");
    background-repeat: no-repeat;
    background-position: left top;
    padding-left: 1.5em;
}

.excel a, .xls a {    /* can apply to the entire ul or ol */
/*    background-image: url(/education/assets/images/icons/excel-icon.gif);*/
    background-image: url("https://www.monash.edu/education/media/images/icons/excel-icon.gif");
    background-repeat: no-repeat;
    padding-left: 1.5em;
}

a.excel, a.xls {    /* same as the ".excel a" above, but applies to individual hyperlinks */
/*    background-image: url(/education/assets/images/icons/excel-icon.gif);*/
    background-image: url("https://www.monash.edu/education/media/images/icons/excel-icon.gif");
    background-repeat: no-repeat;
    background-position: left top;
    padding-left: 1.5em;
}

.rtf a, a.rtf { /* can apply to the entire ul or ol */
/*    background-image: url(/education/assets/images/icons/rtf-icon.gif);*/
    background-image: url("https://www.monash.edu/education/media/images/icons/rtf-icon.gif");
    background-repeat: no-repeat;
    background-position: left top;
    padding-left: 1.5em;
}

.email a, a.email {
/*    background-image: url(/education/assets/images/icons/email.png);*/
    background-image: url("https://www.monash.edu/education/media/images/icons/email.png");
    background-repeat: no-repeat;
    background-position: left top;
    padding-left: 1.5em;
}

.phone {
/*    background-image: url(/education/assets/images/icons/phone.png);*/
    background-image: url("https://www.monash.edu/education/media/images/icons/phone.png");
    background-repeat: no-repeat;
    background-position: left top;
    padding-left: 1.5em;
}

.web {
    background-image: url(/education/assets/images/icons/web.png);
    background-repeat: no-repeat;
    background-position: left top;
    padding-left: 1.5em;
}

a.login-required {
/*    background-image: url(/education/assets/images/icons/lock.png);*/
    background-image: url("https://www.monash.edu/education/media/images/icons/lock.png");
    background-repeat: no-repeat;
    background-position: left top;
    padding-left: 1.5em;
}

a.pay-online {
    background-image: url(/education/assets/images/icons/money-dollar.png);
    background-repeat: no-repeat;
    background-position: left top;
    padding-left: 1.5em;
}

.facebook a, a.facebook {
/*    background-image: url(/education/assets/images/icons/facebook.png);*/
    background-image: url("https://www.monash.edu/education/media/images/icons/facebook.png");
    background-repeat: no-repeat;
    background-position: left top;
    padding-left: 1.5em;
}

.twitter a, a.twitter {
 /*   background-image: url(/education/media/images/icons/twitter-16x16.png);*/
    background-image: url("https://www.monash.edu/education/media/images/icons/twitter-16x16.png");
    background-repeat: no-repeat;
    background-position: left top;
    padding-left: 1.5em;
}

.linkedin a, a.linkedin {
    background-image: url("https://www.monash.edu/__data/assets/image/0008/1036853/linkedin-16x16.jpg");
    background-repeat: no-repeat;
    background-position: left top;
    padding-left: 1.5em;
}

.wordpress a, a.wordpress {
    background-image: url(/education/assets/images/icons/wordpress.png);
    background-repeat: no-repeat;
    background-position: left top;
    padding-left: 1.5em;
}

.exclamation {
 /*   background-image: url(/education/media/images/icons/warning.gif);*/
     background-image: url("https://www.monash.edu/education/media/images/icons/warning.gif");
    background-repeat: no-repeat;
    background-position: left top;
    padding-left: 2em;
    padding-bottom: 2em;
    float:left;
}

/* TEST - TW */
.faExclamationIcon {
        position:relative;
    }

    .faExclamationIcon:before {
        font-family: FontAwesome;
        top:0;
        left:-5px;
        padding-right:10px;
        content: "\f071"; 
    }
/* end TEST */


/*    STYLES FOR SPECIALISATION BOXES    */
.specialisations .box-listing-element {
    background-color: #f6f6f6;
    padding: 5px 20px;
}

.specialisations h3 {
    font-size: 1.3rem;
    margin-top: 0.7rem;
}

/*    STYLES FOR HIGHLIGHT BOXES    */

h3 {margin-bottom:0.5rem;}
/*.box-listing-element { border-bottom: 0px solid #006dae;}*/
/*.box-listing-element__blurb {padding: 0; margin:0;}*/
.box-highlight-content { padding: 0rem 1.4rem;}
.box-highlight-image { display: block; width: 100%;}
.box-highlight-blueline {border-bottom: 0px solid #006dae;}
.highlight-box-padding {padding-top: 0;}
.box-highlight-footer a { color: #fff; }
.box-highlight-footer a:hover { color: #fff;}
.box-highlight-footer a { text-decoration: none;}
.btn-highlight-box {display:block; width:100%; padding: 0.75rem 1.0625rem; margin:0.5rem 0 0 0;}
.box-highlight-section p {margin-top: 0;}
.box-highlight-image-caption { display:block; color:#006dae; text-align:center; font-size:1.0rem; font-weight:bold; padding: 0.75rem 0.5rem 0.65rem; }
.box-listing-element__blurb { padding: 0.9rem 0.9rem 0.5rem;}
/*.box-listing-element--sidebar {background-color: #eee;}*/
/*.box-highlight-image-caption { display:block; color:#fff; text-align:center;  font-size:1.0rem; font-weight:bold; padding: 0.7rem 0.5rem; background-color:#006dae; }*/
/*.box-highlight-image-caption a { color:#fff;}*/



.box-highlight-section {
    padding: 1.0rem 1.4rem;
    margin: 0;
    background-color:#e3e3e3;
    border-bottom: 0px solid #006dae;
    text-align: left;
}

.box-highlight-footer {
    padding: 1.5em 0.5em;
    margin: 1.5em 0 0;
    background-color:#505050;
    border-bottom: 0px solid #006dae;
    text-align: center;
}
 .box-highlight-footer-blue {
    padding: 1.5em 1.4em;
    margin: 1.5em 0 0;
    background-color:#006dae;
    border-bottom: 0px solid #006dae;
    text-align: center;
}

.download {
    background-image: url(https://www.monash.edu/education/media/images/icons/download.png);
    background-repeat: no-repeat;
    background-position: left top;
    background-size: 14px;
    padding-left: 1.5em;
    padding-bottom: 2px;
}

/* highlight box title over image */

 .containerBox {
    position: relative;
    display: inline-block;
}
.containerBox .text-box {
    position: absolute;    
    height: 100%;
    text-align: center;    
    width: 100%;
}
.containerBox .text-box:before {
   content: '';
   display: inline-block;
   height: 100%;
   vertical-align: middle;
}
.containerBox h3 {
   display: inline-block;
   font-size: 20px; /*or whatever you want*/
   color: #FFF;   
   text-transform: uppercase;
   text-shadow: 0 0 3px #006dae, 0 0 15px #006dae;
   
}
.containerBox img {
  display: block;
  max-width: 100%;
  height: auto;
}



/* END HIGHLIGHT BOX STYLES /*

/* NEWS MEDIA */

.post-media {
    float: right;
    width: 400px;
    margin: 0 0 20px 20px;
    text-align: center;
}
.post-media .post-media-caption {
    text-align: left;
    padding: 8px;
    font-size: 12px;
    background: #eaeaea;
    color: #5a5a5a;
    border-bottom: 1px solid #5a5a5a;
    margin-top: -4px;
}

.dateTop {
    font-weight: bold;
}


/* Responsive google map iframe */
    .google-maps {
        position: relative;
        padding-bottom: 75%; // This is the aspect ratio
        height: 0;
        overflow: hidden;
    }
    .google-maps iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100% !important;
        height: 100% !important;
    }

/* Responsive Youtube iframe */
    .youtube {
        position: relative;
        padding-bottom: 56.2%; // This is the aspect ratio
        height: 0;
        overflow: hidden;
    }
    .youtube iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100% !important;
        height: 100% !important;
    }
    
    /* Responsive Youtube iframe */
    .youtube-video {
        position: relative;
        padding-bottom: 56.2%; // This is the aspect ratio
        height: 0;
        overflow: hidden;
    }
    .youtube-video iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100% !important;
        height: 100% !important;
    }

    
    
/* CONTACT US */    
    .contact-name {
        font-weight:bold;
    }
    
/* Adding extra space before or after content */
.spacer-15 {padding-top: 15px;}