/** index:
 * Default layout
 * Tiny mobile
 * < 60em width -- backporting LHS menu to mobile & tablet
 * > 45em width
 * > 60em width
 */



/** 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}


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

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

.nobr{
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 */

/* spacing top of RHS boxes to leave space for tools */
.content-inner__rhs aside{
margin-top: 3rem;
}

.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;
}

/* Default handbook tool set in LHS */

.handbook-tools{
	display:none; /*
	list-style-type:none;
	padding-left:0px; */
	}


.handbook-tools .icon{
display:none;
}

#google-search-link{
  padding-right:0rem;
	display: inline-block;

  }

#google-search-form{
	display: inline-block;
  }


#google-search-form .lhs-nav-list__item-text{
	width:20em;
	}

#jump_status{
float:right;
}

input#jump_search {
    width: 20em;
}

/* fix height of jump-search selection menu to 200px
 * better than having it roll off end of page...
 */
.ui-autocomplete {
    max-height: 200px;
    overflow-y: auto;
    /* prevent horizontal scrollbar */
    overflow-x: hidden;
    max-width: 20em ;
}

/* jump-search 'searching' animation */

  .ui-autocomplete-loading {
    background: white url("../images/ui-anim_basic_16x16.gif") right center no-repeat;
  }
/* jump-search "category" headings:
 */
.ui-autocomplete-category {
    font-weight: bold;
    padding: .2em .4em;
    margin: .8em 0 .2em;
    line-height: 1.5;
    text-decoration: underline;
}


/* 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{ 
  padding: .33rem .33rem .33rem .5rem;
  border-radius: 0.5rem;
}
.search-result:hover{background-color:#eaeaea; }

.search-result-heading{
  font-weight:bold;
	margin:0rem;
  }
.search-result-faculty{
  margin:0rem 0rem 0rem 1.5rem;
	font-size: 0.9rem;
  }

.search-result-description, .search-result-synopsis {
  margin:0rem 0rem 0rem 1.5rem;
  font-size: 0.9rem;
	}
 
.search-result-description p, 
.search-result-synopsis p {
  margin: .2rem 0rem .5rem 0rem;
  }


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

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

.mobile-block{
	display:block;
	}

.unitoffered{font-size: .9em;}
.unitoffered::before{ content: " ("; }
.unitoffered::after{ content: ") "; }

@media screen and (max-width:28em) {
	/* tiny mobile */
	input#jump_search{width:10em;}
	#google-search-form .lhs-nav-list__item-text{ width:10em; }
	}

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

	/* This is an inverted definition (max-width, not min-width)
 * because its back porting the default monash
 * definitions for lhs menu back to mobile & tablet. 
 */

	/* pop out lhs menu, inverted colour */
	
	/* LHS menu generic toggle info */
	.lhs-nav__toggle{
		display: inline-block;
		zoom: 1;
		background-color: transparent;
		background-repeat: no-repeat;
		border: 0;
		outline: 0;
		padding: 0;
		text-indent: -9999em;
		vertical-align: top;
		}

	/* The show toggle, top left corner */
	#showhbnav{
		background-image: url(../images/handbook-menu-button.svg);
		background-size: 1.2rem;
		width: 3rem;
		height: 3rem;
		background-position: center;
    float:right;
		position: relative;
		z-index:1;
    top: -3.7rem;
		right: 0.25rem;
		}

	/* Hide toggle, on the menu */
	#hidehbnav{
		z-index:1;
		position: absolute;
		top: .7rem;
		right: .2rem;
		background-image: url(../images/handbook-menu-close.svg);
		background-size: 0.8rem;
		background-position: center;
		width: 3rem;
		height: 3rem;
		}


	/* Top level LHS */

	.lhs-nav-list--lvl3{
		z-index:3;
		background-color: #006dae;
		color: #fff;
		position: absolute;
		top: 0rem;
		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;
		}


	/* 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; }

  /* collation heading */
  h2.hbk-collation-title{ font-weight:bold; }


	/* hide anything that's shown only on mobile */

/* 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: .25rem;
    margin-bottom:1px;
    /* px not em for height because image */
    min-height:65px;
    line-height:1.1rem;
  }

  .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 */
	.mobile-block{
		display:none;
		}

  /* 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;
  }

	/* move tools to the RHS */

/* GOOGLE. STAHP */
#google-q{padding:1px 0px 1px 0px !important;}

  .handbook-tools{ 
	display:none;
/*
    display:block;
    position:absolute;
    right:0px;
    top:0px;
    font-size:.75rem;
    width:27em;*/
    }

  .handbook-tools .lhs-nav-list__item, 
  .handbook-tools .lhs-nav-list__item--parent, 
  .handbook-tools .lhs-nav-list__item--active, 
  .handbook-tools .lhs-nav-list__item--current{
    display: block;
    width:8em;
    float:left;
    }

	.handbook-tools .lhs-nav-list__item-link{
		padding-left: 0.5rem ;
		padding-right: 0.5rem;
		}

	.handbook-tools .lhs-nav-list__item-link label,
	.handbook-tools .lhs-nav-list__item-link .print-label{
		margin-left:1.2rem;
		line-height:1.5rem;
		}

	.handbook-tools .tiny{
		width:0em;
		opacity:0;
		}

	.handbook-tools .big{
		width:24em;
		}
	.handbook-tools .big label{
		font-weight:bold;
		}

	#google-search-form {
		width:100%;
		}

	#google-search-form .lhs-nav-list__item-text{
		width: 100%;
		}

	.handbook-tools li{
		background-size: 1.2em;
		background-repeat: no-repeat;
		background-position: .8em 1.4em;
		}

	#search_menu{ background-image: url(../images/handbook-menu-search.svg); }
	#search_menu.big {background-image: none;}

	#print_menu{
		background-image: url(../images/handbook-menu-print.svg);
		background-position: .6em 1em;
		background-size: 1.5em;
		}

	#jump_menu{ background-image: url(../images/handbook-menu-jump.svg); }
	#jump_menu.big {background-image: none;}

  #jump_status{
   	position:absolute;
		top: 1em;
		right: 1em; 
     }

	input#jump_search { width: 100%; }


	.ui-autocomplete{
		position:absolute;
		}


	.unitoffered{font-size: 1em;}
  .unitoffered::before{ content: ""; }
  .unitoffered::after{ content: ""; }

  .unitlink {    position: relative;}

  .unitlink .unitoffered{
    visibility: hidden;
    width: 10rem;
    background-color: #333;
    color: #fff;
    text-align: center;
    padding: 5px 0;
    border-radius: 6px;
    border-top-left-radius: 0px;
 
    /* Position the unitoffered text */
    position: absolute;
    z-index: 1;
    //top: -5px;
    left: 105%; 
    top: 110%;
    }

   /* Show the unitoffered text when you mouse over the unitoffered container */
   .unitlink:hover .unitoffered{
       visibility: visible;
     }

	}