/** DEFAULT LAYOUT **/


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

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

/* Handbook utility  - valid at all modes*/
.hbk-print-url{
  display:none;
}

.hbk-admin-section{ display:none; }
.hbk-admin-filename{ display:none; }
.hbk-admin-faculty{ display:none; }
.print-date {display: none}

.ou-name, .faculty-name{
  white-space:nowrap;
}

/* Specific Overrides for Monash design */

/* Removing list jiggery pokery */
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 */ 

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


/* Add class on archive */
#search_menu {display:none;}


.nobr{
white-space: nowrap;
}


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

.notes {
  font-size:0.8rem;
}

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


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


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

/** There was a bug in 2017 aos where the <aside> tag was
 * missing, so have to move the next best thing */
/*.content-inner__rhs aside{
* margin-top: 3rem;
* } */

.content-inner__rhs #sidebar-list{
	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;
}

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


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

/* SEarch FORM */

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

/* LHS stuff, hacked into 2017 */

.mobile-hidden-small{
display:none;
}

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

.mobile-block{
        display:block;
        }

@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:60em) {
  /* For mobile & tablet view */


  /* 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;
    margin-left: 1.625rem;
    outline: 0;
    padding: 0;
    text-indent: -9999em;
    vertical-align: top;
    }

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



  }






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

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


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




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


  .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_award{ background-image:url(/pubs/2017handbooks/assets/images/award.png); }
  .hbk-preamble-icon_mode{ background-image:url(/pubs/2017handbooks/assets/images/mode.png); }
  .hbk-preamble-icon_duration{ background-image:url(/pubs/2017handbooks/assets/images/duration.png); }

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

/* What the hell googe, why does IE have an extra inline padding */
#google-q{padding: 1px 0px 0px 1px !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;
                }









}