/** DEFAULT LAYOUT **/

/* Specific Overrides for Monash design */

/* Removing list jiggery pokery */
/* See also print css */

ul > li::before {
  content:none;
	}

li > ol > li::before ,
ol > li::before {
  content:none;
	}

ol[type="i"]{ list-style-type: lower-roman; }
ol[type="a"]{ list-style-type: lower-alpha; }
/* selectors are not case sensitive - if this is needed, 
  will need to add a class to them 
  ol[type="A"]{ list-style-type: upper-alpha; } */
ol[type="1"]{ list-style-type: decimal; }

.hbk-body li {margin:0.35rem 0rem;}
.hbk-body li {margin:0.35rem 0rem;}




/* ** Handbook features ** */ 

/* link behaviour in content */ 

#content_container_ a:visited{
  color: #a00180;
}

/* Handbook utility  - valid at all modes*/

/* admin bits */
.hbk-print-url{
  display:none;
}

/* This is all info for prince, don't ever want to display it */
.hbk-admin-section{ display:none; }
.hbk-admin-filename{ display:none; }
.hbk-admin-faculty{ display:none; }
.print-date {display: none}


/* Print link to prince */
.print {
  margin: 0em 0em 0em .1em;
  font-size:.80em;
  float:right;
  display:inline;
}

.print img{
  margin-bottom: -.2em;
}

/* Remove class on archive */
.hbk-archive-only{
display:none;
}

/* trying to stop faculties wrapping weirdly in display */
.ou-name, .faculty-name{
  white-space:nowrap;
}


/* Features * special layouts */



/* Preamble and info boxes */

.hbk-preamble,
.hbk-aos-info-box,
.hbk-course-info-box,
.hbk-unit-info-box {
  font-size:.8em;
  }

.hbk-preamble li,
.hbk-aos-info-box li,
.hbk-course-info-box li,
.hbk-unit-info-box  li{
	margin: 0.2rem 0rem;
  }

 
.hbk-preamble p, .hbk-unit-info-box p, .hbk-aos-info-box p, .hbk-course-info-box p{
  margin-top:.2em;
  padding:0rem 0.9375rem 0rem 0;
}

.hbk-preamble p.hbk-preamble-heading,
.hbk-unit-info-box p.hbk-highlight-heading,
.hbk-aos-info-box p.hbk-highlight-heading,
.hbk-course-info-box p.hbk-highlight-heading{
  margin-bottom:.2em;
  font-weight:bold;
}

.hbk-preamble-entry__coursetype p.hbk-preamble-value{
  /* The values in this entry are all seperated by <br> but need to be spaced a bit more */
  line-height:1.2em;
}

.hbk-notes, .notes {
  font-size:0.8rem;
}

.hbk-notes ul, .notes ul{
  list-style-type: none;
  }

.footnote {
  font-size: 0.8em;
  margin-left: 2em;
}



/* this is the title bar of the JQuery UI 'dialog' used to as the handbook popup google search:*/

div.ui-dialog-titlebar {
  color: #ffffff;
  background: #006dae;
}

/* For LHS search and jump to */

.lhs-nav-list__item-text{
  border:1px solid grey ;
  width:100%;
}

/* I can't seem to make hover trigger, so i need this */
.lhs-nav-list__item-link__mimic_hover{
  background: #006dae;
  color: #fff;
}

#google-search-link{
  padding-bottom:0rem;
  }
#google-search-form{
  padding-top:0rem;
  }

#jump_search_text{
  position:absolute;
  left:1.5rem;
  top: 2.2rem;
  color: lightslategrey;
}


/* Search/Browse FORMs */

legend{
float:left;
width:100%;
margin-left:-.1rem;
  font-size:1.2rem;
}

.search-form-field{clear:left;}

.search-form-field select,
.search-form-field input[type="text"]{
  width:100%;
}
.search-form-notes {
  margin-top:.3rem;
  font-size:.8rem;
}
.checkbox-group{
overflow-y:scroll;
overflow-x:hidden;
height:6rem;
}
.checkbox-group__noscroll{
overflow-y:hidden;
}

.search-result-heading{
  font-weight:bold;
	margin-bottom:0rem;
  }
.search-result-faculty{
  margin:0rem 0rem 0rem 1.5rem;
  }
.search-result-synopsis{
  margin:0rem 0rem 1rem 1.5rem;
  }


/* Other */
.mobile-hidden-small{
display:none;
}

.opacity25{
opacity:.25;
}
.opacity20{
opacity:.20;
}


@media screen and (max-width:60em) {
	/* For mobile & tablet view */


	/* pop out lhs menu, inverted colour */

	.navbar__toggle{ 
 	 /* Hiding the megamenu toggle */
		/* this is subpar. But I need to show the hb nav, not the main site, because ... reasons */
 	 /* Ideally, hb will end up as its own site, and the LHS menu will become the top menu */
 	 display:none;
	
 	 }
	
	/* LHS menu generic toggle info */
	.lhs-nav__toggle{
		display: inline-block;
		zoom: 1;
		background-color: transparent;
		background-repeat: no-repeat;
		border: 0;
		margin-left: 1.625rem;
		outline: 0;
		padding: 0;
		text-indent: -9999em;
		vertical-align: top;
		}

	/* The show toggle, top left corner */
	#showhbnav{z-index:3;
		background-image: url(../images/handbook-menu-button.svg);
		background-size: 24px;
		width: 32px;
		height: 32px;
		background-position: center;
		}

	/* Hide toggle, on the menu */
	#hidehbnav{
		z-index:5;
		position: absolute;
		top: 25px;
		right: 25px;
		background-size: 235px 160px;
		background-image: url(//www.monash.edu/__data/assets/git_bridge/0006/509343/deploy/styles/mysource_files/sprites.svg);
		background-position: -225px -15px;
		width: 15px;
		height: 15px;
		}


	/* Top level LHS */

	.lhs-nav-list--lvl3{
		z-index:3;
		background-color: #006dae;
		color: #fff;
		position: absolute;
		top:-4.7em;
		left:-100%;
		width:100%;
		border-top: 1px solid #002840;
		border-top-right-radius: .2em;
		border-right: 1px solid #002840;
		border-bottom: 1px solid #002840;
		border-bottom-right-radius: .2em;
		}
	
	/* Hidden from desktop, shown at top of the menu */
	.lhs-nav-list--lvl3 .lhs-nav-list__item-link--parent{
		display:block;
		background-color:#005080;
		color: #fff;
		}
	
	.lhs-nav-list__item--active{
		background-color:#006dae;
		}

	/* Next level down, lighter  */
	.lhs-nav-list__item-link--lvl4{
		background-color:#0080cc;
		}


	.lhs-nav-list__item--lvl3, .lhs-nav-list__item--lvl4{
		border-top:1px solid #002840;
		}

	#jump_search_text {
		display:none; /* can't reliably position it */
		}

	/* Because the LHS does not appear in the default Monash view at this level 
	 * I need to replicate the classes from main.css */
	.lhs-nav-list__item, .lhs-nav-list__item--parent, .lhs-nav-list__item--active, .lhs-nav-list__item--current {
		margin-bottom: auto;
		margin-top: auto;
		}
	
	.lhs-nav-list__item-link {
		padding: 0.625rem 2.625rem 0.625rem 0.875rem;
		color:#fff;
		}

	.lhs-nav-list__item-link--lvl4 {
		padding-left: 2.4375rem;
		}

	.lhs-nav-list__item-cta::after {
		width: 6px;
		height: 12px;
		background-position: -162px -18px;
		opacity: 1;
		}

	.lhs-nav-list__item-link .lhs-nav-list__item-cta--expanded::after, .lhs-nav-list__item-link:focus .lhs-nav-list__item-cta--expanded::after, .lhs-nav-list__item-link--current .lhs-nav-list__item-cta--expanded::after, .lhs-nav-list__item-link--current:active .lhs-nav-list__item-cta--expanded::after {
		width: 12px;
		height: 12px;
		background-position: -90px -18px;
		}


	.lhs-nav-list__item-text{
		width:auto;
		}
	}


@media screen and (min-width: 45em) {
  /* MED SCREEN - about 720px */

  /* Heading differentiation */
  h2{ font-size:1.8rem; }
  h3{ font-size:1.6rem; color:#006dae;}
  h4{ font-size:1.4rem;	}
  .hdg_5,h5{ font-size:1.2rem;	color: #006dae; margin-top:1rem;margin-bottom:1rem;}
  .hdg_6,h6{ font-size:1.1rem;	margin-top:.8rem;margin-bottom:.8rem;}
  .hdg_7{ color: #006dae; }

/* show anything only hidden on mobile */
  .mobile-hidden-small{
    display:block;
    }


	/* Search / browser form layout */
  .course-search-form fieldset,
  .aos-search-form fieldset,
  .unit-search-form fieldset{
    width:49%;
  	float:left;
  	height:9rem;
  	background-color: #f4f4f4;
    }


  .unit-search-form fieldset.unit-search-form__title,
  .course-search-form fieldset.course-search-form__title,
  .aos-search-form fieldset.aos-search-form__title{
    width:98.5%;
  	}

  .course-search-form fieldset.search-form-fieldset__short,
  .aos-search-form fieldset.search-form-fieldset__short,
  .unit-search-form fieldset.search-form-fieldset__short{
    /* For options where there's only two */
    height:5.3rem;
  }

  .course-search-form fieldset.search-form-fieldset__short .checkbox-group{
    height:2.8rem;
    }
  .search-form-buttons{
    float:right;
    margin-top:.3rem;
  }




/* preamble and info boxes */


  .hbk-aos-info-box__heading, .hbk-course-info-box__heading, .hbk-unit-info-box__heading{
    padding:0rem 0.975rem 0rem 0.975rem;
    color: #006dae; 
    margin-top:0px;
    font-size:1.5em;
  }

  .hbk-preamble p, .hbk-unit-info-box p, .hbk-aos-info-box p, .hbk-course-info-box p{
    padding:0rem 0.9375rem 0rem 0.9375rem;
    }

  .hbk-aos-info-box,
  .hbk-course-info-box,
  .hbk-unit-info-box {
    max-width: 15rem; 
    clear:right;
    margin: 0em 0em 3em 2em;
    float:right;
    font-size:.8em;
    border-bottom:1px solid #006dae;
  }


  /** Need to move this back a bit to get around the EFSTU H2 **/
  .hbk-unit-info-box{
    margin-top:-4em;
  }

  .hbk-preamble{
    max-width: 62%;
    border-bottom:1px solid #006dae;
    font-size: .9rem;
    }

  .hbk-preamble-entry{
    border-top: 1px solid #006dae;
    padding-top: .25em;
    margin-bottom:1px;
    /* px not em for height because image */
    min-height:65px;
    line-height:1.1em;
  }

  .hbk-preamble-icon{
    float:left;
    /* px not em for height because image */
    width:50px;
    min-height: 55px;
    margin: 3px 3px 3px 10px;
    background-repeat:no-repeat;
    }

  .hbk-preamble-list__offerings{
    list-style-type: none;
  }

  .hbk-preamble-icon_prof_recognised{ background-image:url(/pubs/2018handbooks/assets/images/prof_recognised.png); }
  .hbk-preamble-icon_award{ background-image:url(/pubs/2018handbooks/assets/images/award.png); }
  .hbk-preamble-icon_mode{ background-image:url(/pubs/2018handbooks/assets/images/mode.png); }
  .hbk-preamble-icon_duration{ background-image:url(/pubs/2018handbooks/assets/images/duration.png); }

  /* Course type icons */
  .hbk-preamble-icon_research{ background-image:url(/pubs/2018handbooks/assets/images/research.png); }
  .hbk-preamble-icon_doubledegree{ background-image:url(/pubs/2018handbooks/assets/images/doubledegree.png); }
  .hbk-preamble-icon_one-yearhonours{ background-image:url(/pubs/2018handbooks/assets/images/one-yearhonours.png); }
  .hbk-preamble-icon_diploma{ background-image:url(/pubs/2018handbooks/assets/images/comprehensive.png); }
  .hbk-preamble-icon_enabling{ background-image:url(/pubs/2018handbooks/assets/images/comprehensive.png); }
  .hbk-preamble-icon_combined{ background-image:url(/pubs/2018handbooks/assets/images/combined.png); }
  .hbk-preamble-icon_specialist{ background-image:url(/pubs/2018handbooks/assets/images/specialist.png); }
  .hbk-preamble-icon_comprehensive{ background-image:url(/pubs/2018handbooks/assets/images/comprehensive.png); }



  .hbk-preamble ul,
  .hbk-preamble h4,
  .hbk-preamble p{
    margin-left:5rem;
    margin-bottom:.4em;
    padding-left:0px;
  }

  .hbk-preamble h4{
    font-size: 0.9rem;
    font-family: sans-serif;
    font-weight: bold;
    }

  .hbk-preamble ul{
    margin-left:6.5rem;
    margin-top:0px;
  }
}


@media screen and (min-width: 60em) {
  /* FULLSCREEN (~960px) */
  /* Specific Overrides for Monash design */
  #site-heading-desktop a{
    color:#3c3c3c;
    text-decoration: none;
  }

.lhs-nav-list__item-link--parent{
  font-size:1.2rem;
  }


/* display */

  /* the jumping was annoying */
  .header-row__items{
    height:72px;
  }

  .hbk-preamble{
    max-width: 60%;
		}

/* hide lhs popup stuff */
	#hidehbnav, #showhbnav, .lhs-nav-list--lvl3 > .lhs-nav-list__item--parent{
		display:none;
		}
	}