/*	Home of the Blizzard (Mawson's Huts)
	Last modified: 2017-09-21
	..................................... */


/*	.....................................
    HTML5 block elements and box sizing
	..................................... */
	
    article, aside, footer, header, main, nav, section, time { box-sizing:border-box; display:block; } /* make HTML5 elements display block so old browsers can style them (can be over-ridden later) */


    /*	.....................................
        Font declarations
        ..................................... */
    
    /* Handwriting typeface used for site and section titles */
    @font-face {
        font-family: 'la_belle_aurore';
        src: url('../fonts/LaBelleAurore-Regular.woff') format('woff');
        font-weight: normal;
        font-style: normal;
    }
    
    /* Lightweight typeface used for tagline and intro box */
    @font-face {
        font-family: 'josefin_sans_light';
        src: url('../fonts/JosefinSans-Light.woff') format('woff');
        font-weight: normal;
        font-style: normal;
    }
    
    /* Sans-serif font used for buttons etc */
    @font-face {
        font-family: 'fira_sans_regular';
        src: url('../fonts/FiraSans-Regular.woff') format('woff');
        font-weight: normal;
        font-style: normal;
    }
    
    @font-face {
        font-family: 'fira_sans_italic';
        src: url('../fonts/FiraSans-Italic.woff') format('woff');
        font-weight: normal;
        font-style: normal;
    }
    
    @font-face {
        font-family: 'fira_sans_bold';
        src: url('../fonts/FiraSans-Bold.woff') format('woff');
        font-weight: normal;
        font-style: normal;
    }
    
    @font-face {
        font-family: 'fira_sans_bold_italic';
        src: url('../fonts/FiraSans-Bold-Italic.woff') format('woff');
        font-weight: normal;
        font-style: normal;
    }
    
    /* Sans-serif body text */
    @font-face {
        font-family: 'open_sans_regular';
        src: url('../fonts/OpenSans-Regular.woff') format('woff');
        font-weight: normal;
        font-style: normal;
    }
    
    @font-face {
        font-family: 'open_sans_italic';
        src: url('../fonts/OpenSans-Italic.woff') format('woff');
        font-weight: normal;
        font-style: normal;
    }
    
    @font-face {
        font-family: 'open_sans_bold';
        src: url('../fonts/OpenSans-Bold.woff') format('woff');
        font-weight: normal;
        font-style: normal;
    }
    @font-face {
        font-family: 'open_sans_bold_italic';
        src: url('../fonts/OpenSans-Bold-Italic.woff') format('woff');
        font-weight: normal;
        font-style: normal;
    }
    
    i { font-family:'open_sans_italic',Verdana,Geneva,sans-serif; font-style:normal; }
    strong { font-family:'open_sans_bold',Verdana,Geneva,sans-serif; font-weight:normal; }
    h1, h2, h3 { font-family:'fira_sans_bold',Verdana,Geneva,sans-serif; font-weight:normal; }
    i strong, strong i { font-family:'open_sans_bold_italic',Verdana,Geneva,sans-serif; font-weight:normal; font-style:normal; }
    h1 i, h2 i, h3 i { font-family:'fira_sans_bold_italic',Verdana,Geneva,sans-serif; font-weight:normal; font-style:normal; }
    
    #lt-ie9 i, #lt-ie9 i strong, #lt-ie9 strong i, #lt-ie9 h1 i, #lt-ie9 h2 i, #lt-ie9 h3 i { font-style:italic; }
    #lt-ie9 strong, #lt-ie9 h1, #lt-ie9 h2, #lt-ie9 h3, #lt-ie9 i strong, #lt-ie9 strong i, #lt-ie9 h1 i, #lt-ie9 h2 i, #lt-ie9 h3 i { font-weight:bold; }
    
    h1 { color:#22669e; font-size:1.6em; }
    h2 { color:#555; font-size:1.4em; }
    h3 { color:#333; font-size:1.2em; }
    h2.more-info-heading { clear:both; padding-top:1em; }
    
    h1#mainpagetitle { color:#fefefe; display:block; font-family:"fira_sans_bold","Palatino Linotype","Book Antiqua",Palatino,serif; font-size:2em; margin:0; padding:1em 1.2em; }
    h1#mainpagetitle.section { font-family:"la_belle_aurore","Palatino Linotype","Book Antiqua",Palatino,serif; font-size:4em; margin:0; padding:0.2em 0 0 0.5em; }
    
    /*	.....................................
        Structure for older browsers
        (Particularly IE 9 and back)
        ..................................... */
    
    .no-cssgrid header, .no-cssgrid main, .no-cssgrid footer { float:left; clear:both; width:1200px; }
    .no-cssgrid article#content { float:left; margin-bottom:0.5em; }
    
    .no-cssgrid header .govcrest { float:left; width:400px; }
    .no-cssgrid header .sitename { float:right; }
    .no-cssgrid header .searchbar { clear:both; float:left; width:100%; }
    .no-cssgrid header .searchbar .searchbox { float:left; width:75%; }
    .no-cssgrid header .searchbar .menu-btn { float:right; }
    
    .no-cssgrid form.search input#search { float:left; }
    .no-cssgrid form.search .searchimg input { float:left; }
    
    .no-cssgrid header #sitenav { float:left; width:100%; }
    
    /* Mega menu */
    .no-cssgrid #main-menu-sections { float:left; }
    .no-cssgrid #main-menu-sections div { width:90%; }
    .no-cssgrid #main-menu ol { float:left; width:100%; }
    .no-cssgrid #main-menu ol li { float:left; width:100%; }
    .no-cssgrid #main-menu ol li a { float:left; width:90%; }
    .no-cssgrid #main-menu ol li button { float:left; width:10%; }
    .no-cssgrid #main-menu ol .submenu { list-style-type:none; }
    
    .no-cssgrid main article#content { width:1200px; }
    .no-cssgrid main article#content .text { width:100%; }
    .no-cssgrid main article#content .columns { float:left; }
    .no-cssgrid main article#content .columns h1#mainpagetitle { box-sizing:border-box; clear:both; float:left; width:100%; }
    .no-cssgrid main article#content .columns .text { box-sizing:border-box; float:left; width:780px; }
    .no-cssgrid main article#content .columns .media { box-sizing:border-box; float:right; width:420px; }
    .no-cssgrid main article#content .columns .pagination { clear:both; float:left; width:100%; }
    
    /* Pagination for bottom level pages */
    .no-cssgrid .pagination { clear:both; float:left; width:100%; }
    .no-cssgrid .pagination div.prev { float:left; width:30%; }
    .no-cssgrid .pagination div.next { float:right; text-align:right; width:30%; }
    
    /* Visual navigation */
    .no-cssgrid #visual-nav { float:left; width:100%; }
    .no-cssgrid #visual-nav h2 { width:100%; }
    .no-cssgrid #visual-nav div { float:left; margin:0 0 0.5em 0.5em; width:233px; }
    
    .no-cssgrid #home #visual-nav div { width:291px; }
    .no-cssgrid #home #visual-nav a { min-height:260px; }
    
    /* Image gallery thumbnails */
    .no-cssgrid #img-gallery figure#thumbs { float:left; }
    .no-cssgrid #img-gallery figure#thumbs a { float:left; margin:0 0.1em 0.3em 0; }
    
    /* Reset unwanted floats and widths that legacy grid browsers will inherit from .no-cssgrid */
    .cssgridlegacy.no-cssgrid header, 
    .cssgridlegacy.no-cssgrid header .govcrest,
    .cssgridlegacy.no-cssgrid header .searchbar, 
    .cssgridlegacy.no-cssgrid header .searchbar .searchbox, 
    .cssgridlegacy.no-cssgrid header #sitenav,
    .cssgridlegacy.no-cssgrid #main-menu-sections div,
    .cssgridlegacy.no-cssgrid #main-menu ol,
    .cssgridlegacy.no-cssgrid #main-menu ol li,
    .cssgridlegacy.no-cssgrid #main-menu ol li a, 
    .cssgridlegacy.no-cssgrid #main-menu ol li button,
    .cssgridlegacy.no-cssgrid main, 
    .cssgridlegacy.no-cssgrid main article#content,
    .cssgridlegacy.no-cssgrid main article#content .text,
    .cssgridlegacy.no-cssgrid main article#content .columns h1#mainpagetitle,
    .cssgridlegacy.no-cssgrid main article#content .columns .text,
    .cssgridlegacy.no-cssgrid main article#content .columns .media,
    .cssgridlegacy.no-cssgrid main article#content .columns .pagination,
    .cssgridlegacy.no-cssgrid .pagination div.prev,
    .cssgridlegacy.no-cssgrid .pagination div.next,
    .cssgridlegacy.no-cssgrid #visual-nav,
    .cssgridlegacy.no-cssgrid #visual-nav h2,
    .cssgridlegacy.no-cssgrid #visual-nav div,
    .cssgridlegacy.no-cssgrid #home #visual-nav div,
    .cssgridlegacy.no-cssgrid footer { float:none; width:auto; }
    
    .cssgridlegacy.no-cssgrid #home #visual-nav a { min-height:none; }
    .cssgridlegacy.no-cssgrid #visual-nav div { margin:0.2em; }
    
    /*	.....................................
        Grid structure
        ..................................... */
    
    body { display:-ms-grid; display:grid; -ms-grid-columns:auto 1fr auto; grid-template-columns:1fr minmax(min-content,1200px) 1fr; -ms-grid-rows:auto; grid-template-rows:auto; grid-template-areas:'. loggedin .' '. header .' '. content .' '. footer .'; }
    body .user-links { -ms-grid-column:2; -ms-grid-row:1; grid-area:loggedin; }
    body header { -ms-grid-column:2; -ms-grid-row:2; grid-area:header; }
    body main { -ms-grid-column:2; -ms-grid-row:3; grid-area:content; }
    body footer { -ms-grid-column:2; -ms-grid-row:4; grid-area:footer; }
    
    header { display:-ms-grid; display:grid; -ms-grid-columns:1fr 2fr; grid-template-columns:minmax(200px, auto) minmax(max-content, max-content); -ms-grid-rows:auto; grid-template-rows:auto; grid-template-areas:'skip skip' 'govcrest sitename' 'searchbar searchbar'; margin:0 auto; max-width:1200px; }
    header .skip { -ms-grid-column:1; -ms-grid-row:1; -ms-grid-column-span:2; grid-area:skip; }
    header .govcrest { -ms-grid-column:1; -ms-grid-row:2; grid-area:govcrest; }
    header .sitename { -ms-grid-column:2; -ms-grid-row:2; grid-area:sitename; }
    header .searchbar { -ms-grid-column:1; -ms-grid-row:3; -ms-grid-column-span:2; grid-area:searchbar; }
    
    header .searchbar { display:-ms-grid; display:grid; -ms-grid-columns:200px 1fr 200px; grid-template-columns:200px 1fr 200px; -ms-grid-rows:auto; grid-template-rows:auto; grid-template-areas:'. searchbox menu-btn'; }
    header .searchbar .searchbox { -ms-grid-row-align:center; align-self:center; -ms-grid-column-align:center; justify-self:center; -ms-grid-column:2; -ms-grid-row:1; grid-area:searchbox; }
    header .searchbar .menu-btn { -ms-grid-row-align:center; align-self:center; -ms-grid-column-align:end; justify-self:end; -ms-grid-column:3; -ms-grid-row:1; grid-area:menu-btn; }
    
    /* Make menu button column empty when there is no JS */
    .no-js header .searchbar { grid-template-areas:'. searchbox .'; }
    
    form.search { display:-ms-grid; display:grid; -ms-grid-columns:auto 23px; grid-template-columns:auto 23px; -ms-grid-rows:auto; grid-template-rows:auto; grid-template-areas:'searchfield searchbutton'; }
    form.search input { -ms-grid-column-align:end; justify-self:end; -ms-grid-column:1; -ms-grid-row:1; grid-area:searchfield; }
    form.search .searchimg { -ms-grid-column-align:start; justify-self:start; -ms-grid-column:2; -ms-grid-row:1; grid-area:searchbutton; }
    
    main { display:-ms-grid; display:grid; -ms-grid-columns:100%; grid-template-columns:100%; -ms-grid-rows:auto; grid-template-rows:auto; grid-template-areas:'sitenav' 'article'; margin:0 auto; max-width:1200px; }
    main #sitenav { -ms-grid-column:1; -ms-grid-row:1; grid-area:sitenav; }
    main article#content { -ms-grid-column:1; -ms-grid-row:2; grid-area:article; }
    
    main article#content .columns { display:-ms-grid; display:grid; -ms-grid-columns:auto 400px; grid-template-columns:auto 400px; -ms-grid-rows:auto; grid-template-rows:auto; grid-template-areas:'heading heading' 'text media' 'pagination pagination'; }
    main article#content .columns h1#mainpagetitle { -ms-grid-column:1; -ms-grid-row:1; -ms-grid-column-span:2; grid-area:heading; }
    main article#content .columns .text { -ms-grid-column:1; -ms-grid-row:2; grid-area:text; }
    main article#content .columns .media { -ms-grid-column:2; -ms-grid-row:2; grid-area:media; }
    main article#content .columns .pagination { -ms-grid-column:1; -ms-grid-row:3; -ms-grid-column-span:2; grid-area:pagination; }
    
    footer { display:-ms-grid; display:grid; -ms-grid-columns:100%; grid-template-columns:100%; -ms-grid-rows:auto; grid-template-rows:auto auto; grid-template-areas:'pagemod' 'footernav'; margin:0 auto; max-width:1200px; }
    footer time { -ms-grid-column:1; -ms-grid-row:1; grid-area:pagemod; }
    footer nav { -ms-grid-column:1; -ms-grid-row:2; grid-area:footernav; }
    
    /* Mega menu */
    #main-menu-sections { display:-ms-grid; display:grid; -ms-grid-columns:1fr 1fr 1fr 1fr; grid-template-columns:1fr 1fr 1fr 1fr; -ms-grid-rows:auto; grid-template-rows:auto; grid-template-areas:'menu-preparation menu-the-voyages menu-macquarie-island menu-cape-denison' 'menu-western-party menu-homecoming menu-national-heritage menu-resources'; }
    #main-menu-sections div.menu-preparation { -ms-grid-column:1; -ms-grid-row:1; grid-area:menu-preparation; }
    #main-menu-sections div.menu-the-voyages { -ms-grid-column:2; -ms-grid-row:1; grid-area:menu-the-voyages; }
    #main-menu-sections div.menu-macquarie-island { -ms-grid-column:3; -ms-grid-row:1; grid-area:menu-macquarie-island; }
    #main-menu-sections div.menu-cape-denison { -ms-grid-column:4; -ms-grid-row:1; grid-area:menu-cape-denison; }
    #main-menu-sections div.menu-western-party { -ms-grid-column:1; -ms-grid-row:2; grid-area:menu-western-party; }
    #main-menu-sections div.menu-homecoming { -ms-grid-column:2; -ms-grid-row:2; grid-area:menu-homecoming; }
    #main-menu-sections div.menu-national-heritage { -ms-grid-column:3; -ms-grid-row:2; grid-area:menu-national-heritage; }
    #main-menu-sections div.menu-resources { -ms-grid-column:4; -ms-grid-row:2; grid-area:menu-resources; }
    #main-menu ol li { display:-ms-grid; display:grid; }
    #main-menu ol li.has_children { -ms-grid-row-align:center; align-self:center; -ms-grid-columns:1fr 48px; grid-template-columns:1fr 3em; }
    #main-menu ol li.has_children { -ms-grid-columns:1fr 48px; }
    #main-menu ol li.has_children a { -ms-grid-column:1; -ms-grid-row:1; }
    #main-menu ol li.has_children button { -ms-grid-column:2; -ms-grid-row:1; }
    #main-menu ol li.has_children .submenu { -ms-grid-column-align:start; justify-self:start; -ms-grid-column:1; -ms-grid-row:2; -ms-grid-column-span:2; }
    #main-menu ol li.has_children .submenu li { display:-ms-grid; -ms-grid-columns:1fr 48px; }
    #main-menu ol li.has_children .submenu li a { -ms-grid-column:1; -ms-grid-row:1; }
    #main-menu ol li.no_children { -ms-grid-row-align:center; align-self:center; -ms-grid-columns:1fr; grid-template-columns:1fr; }
    #main-menu ol li.no_children a { -ms-grid-column:1; -ms-grid-row:1; }
    
    /* Mega menu when there is no JS */
    .no-js #main-menu ol li .expand { display:none; }
    .no-js #main-menu ol li.has_children { -ms-grid-columns:1fr; grid-template-columns:1fr; }
    
    /* Pagination */
    .pagination { display:-ms-grid; display:grid; -ms-grid-columns:1fr 1fr; grid-template-columns:1fr 1fr; -ms-grid-rows:auto; grid-template-rows:auto; grid-template-areas:'prev next'; grid-gap:0.5em; }
    .pagination .prev { -ms-grid-column-align:start; justify-self:start; -ms-grid-column:1; -ms-grid-row:1; grid-area:prev; }
    .pagination .next { -ms-grid-column-align:end; justify-self:end; -ms-grid-column:2; -ms-grid-row:1; grid-area:next; }
    
    /* Visual navigation */
    #visual-nav div img { height:auto; width:100%; }
    
    /* Flexbox for slightly older browsers that don't support grid */
    #visual-nav { display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; -ms-justify-content:flex-start; justify-content:flex-start; }
    #visual-nav div { -ms-flex:0 1 232px; flex:0 1 232px; margin:0.5em 0.25em 0 0.25em; }
    #home #visual-nav { -ms-justify-content:space-between; justify-content:space-between; }
    #home #visual-nav div { -ms-flex:0 1 24%; flex:0 1 24%; }
    #home #visual-nav a { min-height:0; }
    
    /* Visual navigation */
    /* Doesn't include legacy grid code due to lack of support for auto columns */
    #visual-nav { display:grid; grid-template-columns:repeat(auto-fit, minmax(234px, 234px)); grid-template-rows:minmax(max-content, max-content); grid-gap:0.5em; }
    #home #visual-nav { grid-template-columns:repeat(auto-fit, minmax(290px, 1fr)); justify-content:center; }
    
    /* Image gallery thumbnails */
    /* Flexbox for slightly older browsers that don't support grid */
    #img-gallery figure#thumbs { display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; -ms-justify-content:flex-start; justify-content:flex-start; width:100%; }
    #img-gallery figure#thumbs a { display:inline-block; -ms-flex:0 1 95px; flex:0 1 95px; }
    
    /* Image gallery thumbnails */
    /* Doesn't include legacy grid code due to lack of support for auto columns */
    #img-gallery figure#thumbs { display:grid; grid-template-columns:auto auto auto auto; grid-template-rows:auto; grid-gap:0.2em; justify-items:start; }
    
    /* Resets for newer grid browsers */
    @supports (display: grid) {
        header { margin:0; max-width:none; }
        form.search { width:auto; }
        main { margin:0.1em 0 0.5em 0; max-width:none; }
        footer { margin:0; max-width:none;}
        #visual-nav div { margin:0; }
        #home #visual-nav a { min-height:none; }
        #img-gallery figure#thumbs { width:auto; }
    }
    
    
    /*	.....................................
        General appearance
        ..................................... */
        
    a img { border:0; text-decoration:none; }
    
    blockquote { border-left:2px solid #ccc; margin-left:1em; padding-left:1em; }
    
    #search-results .result { margin:1.3em 0.5em; }
    #search-results .lineage, #search-results .updated { font-size:0.85em; }
    #search-results .lineage a { color:#333; text-decoration:none; }
    #search-results .lineage a:hover { text-decoration:underline; }
    
    table.grid-shade { border-collapse:collapse; border-top:1px solid #74756f; border-right:1px solid #74756f; }
    table.grid-shade th, table.grid-shade td { border-bottom:1px solid #74756f; border-left:1px solid #74756f; text-align:left; margin:0px; padding:10px; vertical-align:top; }
    table.grid-shade th { background-color:#ddd; }
    
    tr.sub { background-color:#d3e4ff; }
    
    body { background-attachment:fixed; background-image:url(../images/mawson-writing-inverse.jpg); background-repeat:no-repeat; background-size:cover; color:#333; font-family:'open_sans_regular',Verdana,Geneva,sans-serif; font-size:100%; margin:0; }
    
    header, header a, header h1, header h2, footer, footer a { color:#fefefe; }
    
    /* Skip to content link */
    .skip { font-size:0.65em; margin:0 0.5em; padding:0; text-align:right; }
    .skip a { color:#a8c5dd; text-decoration:none; }
    .skip a:hover { text-decoration:underline; }
    
    /* Government crest */
    .govcrest { padding:0.5em 0.5em 1em 2em; }
    .govcrest img.logo { margin:0; padding:0; height:auto; max-width:400px; width:100%; }
    
    /* Site title */
    .sitename { padding:0.5em 2em 1em 1em; text-align:right; }
    .sitename h1 { color:#efefef; font-family:"la_belle_aurore","Palatino Linotype","Book Antiqua",Palatino,serif; font-size:4em; font-weight:normal; line-height:1.2em; margin:0.1em 0.05em 0.1em 0; padding:0; }
    .sitename h2 { font-family:"josefin_sans_light","Lucida Sans Unicode","Lucida Grande",sans-serif; font-size:1.4em; font-weight:normal; line-height:0.5em; margin:-0.8em 0 0.6em 0; padding:0; }
    
    #lt-ie9 .sitename h1 { font-style:italic; font-weight:normal; }
    #lt-ie9 .sitename h2 { font-weight:normal; margin:0 0 0.6em 0; }
    
    header { background-color:#5998cc; background-color:rgba(89,152,204,0.7); }
    
    header .searchbar { background-color:#22669e; color:#fefefe; }
    
    .no-cssgrid header .searchbar .searchbox { padding-bottom:0.5em; }
    .cssgridlegacy.no-cssgrid header .searchbar .searchbox { padding-bottom:0; }
    
    /* Search */
    form.search { font-family:'fira_sans_bold',Arial,sans-serif; font-size:1em; padding:0.5em 1em; }
    form.search input { background-color:#5998cc; border:none; border-radius:0.8em; color:#fefefe; font-family:'fira_sans_regular',Arial,sans-serif; margin:0; padding:0.5em 0.8em; }
    form.search input#search { width:25em; }
    form.search .searchimg { margin:0; padding:0; vertical-align:top; }
    form.search .searchimg input { background-color:#22669e; opacity:0.75; padding:0.3em 0 0 0.3em; width:23px; }
    form.search .visually-hidden { position:absolute !important; top:-9999px !important; left:-9999px !important; }
    
    /* Breadcrumbs and menu button */
    #sitenav { background-color:#ddd; background-color:rgba(254,254,254,0.8); border-bottom:3px solid #f60; font-family:"fira_sans_regular",Arial,sans-serif; font-size:1.1em; margin:0.3em 0 0.4em 0; padding:0.5em 1.5em 0.4em 2em; }
    #home #sitenav { display:none; }
    
    #breadcrumbs ol { list-style-type:none; margin:0; padding:0; }
    #breadcrumbs li { display:inline-block; }
    #breadcrumbs a { background-color:#22669e; border-radius:4px; color:#333; color:#fefefe; line-height:2.5em; margin:0 0.3em; padding:0.2em 0.8em; text-decoration:none; }
    #breadcrumbs a:hover { background-color:#f60; }
    #breadcrumbs .current { margin-left:0.4em; }
    
    .menu-btn { margin:0.5em; }
    .menu-btn { background-color:#22669e; border-radius:3px; border:none; color:#fefefe; font-family:'fira_sans_regular',Arial,sans-serif; font-size:0.9em; margin:0.2em; padding:0.3em 0.5em 0.5em 0.5em; text-decoration:none; text-transform:uppercase; }
    .menu-btn:hover { background-color:#f60; }
    .menu-btn .svg-menu { display:inline; height:1.5em; margin:0 0 -0.25em 0.25em; stroke:#fefefe; stroke-linecap:butt; width:1.5em; }
    
    /* Hide menu button when there is no JS */
    .no-js .menu-btn { display:none; }
    
    /* Pushy menu */
    .pushy-content > ul {
        list-style: none;
        padding: 0;
    }
    
    .keep-in-touch > hr {
        width: 90%;
    }
    
    .close-btn {
        margin-top: 1.5em;
    }
    
    .social-icons {
        display: grid;
        grid-template-columns: 50% 50%;
        grid-template-rows: auto;
        font-size: 0.9em;
    }
    
    .social-icons > ul {
        list-style: none;
        padding-inline-start: 20px;
        margin: -25px 0 0 -25px;
    }
    
    .social-icon {
        position: relative;
        top: 0.3rem;
    }
    
    .social-icon > svg {
        height: 24px;
        width: 24px;
        margin-right: 10px;
        fill: white;
    }
    
    /* Mega menu */
    #main-menu { background-color:#22669e; color:#fefefe; display:none; height:85%; margin:0; width:90%; }
    #main-menu ol li { background-color:#74756f; margin:0 3em 0 0; }
    #main-menu ol li a { background-color:#1f5e8e; border-bottom:1px solid #246ba5; box-sizing:border-box; display:block; padding:1em; width:100%; text-decoration:none; }
    #main-menu ol li a:hover { background-color:#f60; text-decoration:none; }
    #main-menu ol li .expand { background-color:#194c75; border:0; border-bottom:1px solid #246ba5; height:100%; margin:0; padding:0; width:auto; }
    #main-menu ol li .expand:hover { background-color:#f60; cursor:pointer; }
    #main-menu ol li .expand img { width:100%; }
    #main-menu ol li ul.submenu { display:none; margin:0 5em 0 0; padding:0; width:100%; }
    #main-menu ol li ul.submenu li { margin:0; width:100%; }
    #main-menu ol li ul.submenu li a { background-color:#fefefe; border-bottom:1px solid #eee; color:#333; display:block; width:100%; }
    
    #main-menu ol li.selected { background-color:#74756f; }
    #main-menu ol li.selected a { background-color:#fefefe; border-bottom:1px solid #eee; color:#333; font-family:'open_sans_bold',Verdana,Geneva,sans-serif; }
    #main-menu ol li.selected a:hover { background-color:#f60; color:#fefefe; }
    #main-menu ol li.selected ul.submenu li a { font-family:'open_sans_regular',Verdana,Geneva,sans-serif; }
    #main-menu ol li.selected .expand { background-color:#74756f; border-bottom:0; }
    #main-menu ol li.selected .expand:hover { background-color:#f60; }
    
    #main-menu-sections { margin:0 auto; padding-bottom:2em; width:90%; }
    #main-menu-sections a { color:#fefefe; text-decoration:none; }
    #main-menu-sections a:hover { text-decoration:underline; }
    #main-menu-sections h2 { margin:4em 0 0.8em 0; }
    #main-menu-sections ol { list-style-type:none; margin:0; padding:0; }
    #main-menu-sections li { font-size:0.9em; }
    
    /* Mega menu visual differences for older browsers */
    .no-cssgrid #main-menu { width:30%; }
    .no-cssgrid #main-menu ol li { background-color:#194c75; }
    .no-cssgrid #main-menu ol li .expand { border-bottom:none; border-top:1px solid #246ba5; }
    .no-cssgrid #main-menu ol li.selected .expand { background-color:#74756f; border-bottom:0; }
    .no-cssgrid #main-menu-sections h2 { margin:4em 0 0.8em 0.8em; }
    .no-cssgrid #main-menu-sections ol { margin:0 0 3em 1em; }
    
    /* Mega menu resets for IE 10/11 and Edge <16 */
    .cssgridlegacy.no-cssgrid #main-menu { width:90%; }
    .cssgridlegacy.no-cssgrid #main-menu ol li { background-color:#74756f; }
    .cssgridlegacy.no-cssgrid #main-menu ol li .expand { border-bottom:1px solid #246ba5; border-top:none; }
    .cssgridlegacy.no-cssgrid #main-menu ol li.selected .expand { background-color:#74756f; border-bottom:0; }
    .cssgridlegacy.no-cssgrid #main-menu-sections h2 { margin:4em 0 0.8em 0; }
    .cssgridlegacy.no-cssgrid #main-menu-sections ol { margin:0; }
    
    /* Mega menu visual differences when there is no JS */
    .no-js #main-menu { background-color:transparent; display:inline-block; font-size:1.1em; height:auto; margin-bottom:2em; width:100%; }
    
    /* Content */
    main { font-size:0.9em; }
    article#content { background-color:#555; background:linear-gradient(rgba(85,85,85,1),rgba(85,85,85,0.5)); float:left; padding:0; }
    #home article#content { background-color:transparent; float:none; padding:0; }
    article#content.site-section { background-color:#555; background:linear-gradient(rgba(85,85,85,1),rgba(85,85,85,0.5)); padding:0; }
    
    article#content .text { background-color:#fefefe; box-sizing:border-box; float:left; line-height:1.6em; padding:2em 2.5em; width:100%; }
    article#content .text p { padding-bottom:0.5em; }
    article#content .media { background-color:#fefefe; float:right; width:400px; }
    
    .no-cssgrid article#content .columns { background-color:#fefefe; }
    .no-cssgrid article#content h1#mainpagetitle { background-color:#555; }
    .no-cssgrid article#content .media { padding:10px; }
    .cssgridlegacy.no-cssgrid article#content .columns { background-color:transparent; }
    .cssgridlegacy.no-cssgrid article#content h1#mainpagetitle { background-color:transparent; }
    .cssgridlegacy.no-cssgrid article#content .media { padding:0; }
    
    /* Footer */
    footer { font-size:0.8em; padding:0; }
    footer time { background-color:#22669e; color:#fefefe; padding:1em 2.5em 1em 0; text-align:right; width:100%; }
    footer nav { background-color:#5998cc; background-color:rgba(89,152,204,0.7); padding:2em 2.5em; width:100%; }
    footer nav a { text-decoration:none; margin:0 0.8em; }
    footer nav a:first-child { margin:0 0.8em 0 0; }
    footer nav a:hover { text-decoration:underline; }
    
    #home #home-intro { background-color:#004ebc; background-color:rgba(0,78,188,0); background-image:url(../images/katabatic-winds.jpg); background-position:bottom center; background-repeat:no-repeat; background-size:cover; box-shadow:0 2px 5px rgba(0,0,0,0.7); color:#fefefe; font-size:1.6em; line-height:1.7em; margin:0.2em 0; max-height:330px; padding:1.2em; padding-bottom:200px; }
    #home #home-intro p { background-color:#555; background-color:rgba(0,0,0,0.3); font-family:"josefin_sans_light",Helvetica,Arial,sans-serif; margin:0 auto; padding:0.2em 1em; max-width:900px; }
    
    #section-intro { color:#fefefe; font-size:1.6em; line-height:1.7em; margin:0 0 0.8em 0; max-height:200px; padding:0 1.2em 1em 1.2em; text-align:center; }
    #section-intro p { font-family:"josefin_sans_light",Helvetica,Arial,sans-serif; margin:0 auto; padding:0.2em 1em; max-width:900px; }
    
    /* Visual navigation */
    #visual-nav a { background-color:#fefefe; box-sizing:border-box; color:#333; display:block; font-size:0.9em; height:100%; padding:0.5em; padding-bottom:0; text-decoration:none; width:100%; }
    #visual-nav .img-container { display:block; overflow:hidden; }
    #visual-nav a:hover img { transform:scale(1.2); }
    #visual-nav a .nav-title { border-top:1px solid #f60; display:inline-block; font-family:'fira_sans_bold',Verdana,Geneva,sans-serif; font-size:1.1em; line-height:1em; margin:0; padding:0.4em 0 0 0; width:100%; }
    #visual-nav a img { display:block; transition:transform .7s ease; width:100%; }
    #home #visual-nav a { margin:0; padding-bottom:0.5em; }
    #home #visual-nav a .nav-title { border-bottom:1px solid #f60; border-top:none; padding-bottom:0.3em; }
    #home #visual-nav a .nav-text { display:inline-block; line-height:1.5em; padding-top:0.3em; }
    
    #lt-ie9 #visual-nav a { border:1px solid #ccc; }
    #lt-ie9 #visual-nav a .nav-title { font-weight:bold; }
    
    /* Pagination for bottom level pages */
    .pagination { clear:both; font-family:'fira_sans_regular',Verdana,Geneva,sans-serif; font-size:1em; width:100%; }
    .pagination .button a { background-color:#22669e; border-radius:0 0 0.8em 0.8em; color:#fefefe; display:block; margin:0 0 1.5em 0; padding:1.8em 2.3em; text-decoration:none; }
    .pagination .button a:hover { background-color:#f60; }
    
    /* Top right image gallery */
    #img-gallery { box-sizing:border-box; float:right; font-family:'open_sans_bold',Verdana,Geneva,sans-serif; width:100%; }
    #img-gallery figure { box-sizing:border-box; font-size:0.9em; line-height:1.4em; margin:0; padding:0; width:100%; }
    #img-gallery figure#first-img img { display:block; height:auto; width:100%; }
    #img-gallery figcaption { color:#333; margin:0.3em 0.2em 0.3em 0; padding:0.2em 0; text-align:left; }
    #img-gallery figcaption #triangle-down { border-bottom:0.8em solid #f60; border-left:0.4em solid transparent; border-right:0.4em solid transparent; display:inline-block; height:0; margin-right:0.3em; width:0; }
    #img-gallery .single-image figcaption { margin-bottom:0.3em;}
    #img-gallery figure#thumbs { margin:0; padding:0.3em 0 0 0; }
    #img-gallery figure#thumbs img { display:inline-block; margin:0; padding:0; }
    #img-gallery figure#thumbs a { text-decoration:none; }
    #img-gallery .single-image figure#thumbs { display:none }
    
    #lt-ie9 #img-gallery figcaption { font-weight:bold; }
    
    /* Embedded video */
    .video-wrapper { background-color:#eee; margin:1.5em 0 0 0; padding:0.2em 1em; max-width:640px; }
    .video-wrapper video { width:100%; }
    .video-wrapper .video-intro { box-sizing:border-box; clear:both; line-height:1.3em; margin-bottom:0; margin-top:0.5em; padding:0.4em 0; width:100%; }
    .video-wrapper .video-intro p { margin:0; padding:0; }
    .video-wrapper .transcript { background-color:#eee; color:#333; display:none; font-size:1.1em; margin:0.2em 0; padding:0.3em 0.8em; }
    .video-wrapper .showhide { background-color:#2877b7; border:1px solid #1b517c; color:#fefefe; font-size:0.9em; margin:0.5em 0; padding:0.3em; }
    .video-wrapper .showhide:hover { background-color:#bcddff; border:1px solid #1790cf; color:#444; }
    .video-wrapper p.moreinfo { margin:0; }
    .video-wrapper p.moreinfo a { font-size:0.9em; }
    .video-wrapper p.moreinfo a:hover { color:#f60; }
    
    /* Replace non-functioning embedded video with a link if browser is old or Javascript is disabled */
    .js .video-link { display:none; }
    .no-js .video-player, .no-js .showhide { display:none; }
    .no-js .transcript { display:block; }
    
    .video-link { background-size:cover; clear:both; float:left; padding:8px 0; }
    .video-link a { background-color:#333; color:#fefefe; display:block; min-height:6em; padding:1em; margin:9em auto; text-decoration:none; width:50%; }
    .video-link a:hover { text-decoration:underline; }
    
    .old-vid { clear:both; float:left; margin-bottom:0.5em; width:640px; }
    .old-vid .video-wrapper { background-color:#ddd; float:left; width:100%; }
    .old-vid .video-wrapper div { clear:both; float:left; }
    .old-vid .video-intro { margin-top:0; }
    .old-vid .video-link { display:block; width:640px; }
    .old-vid .video-player, .old-vid .showhide { display:none; }
    .old-vid .transcript { display:inline; margin:0; }
    
    .gallery-vid .video-link { padding:8px; }
    
    /* Plyr default blue colour override */
    .video-wrapper .plyr input[type=range]::-ms-fill-lower { background:#2877b7; }
    .video-wrapper .plyr input[type=range]:active::-webkit-slider-thumb { background:#2877b7; }
    .video-wrapper .plyr input[type=range]:active::-moz-range-thumb { background:#2877b7; }
    .video-wrapper .plyr input[type=range]:active::-ms-thumb { background:#2877b7; }
    .video-wrapper .plyr--video .plyr__controls button.tab-focus:focus,
    .video-wrapper .plyr--video .plyr__controls button:hover { background:#2877b7; }
    .video-wrapper .plyr--audio .plyr__controls button.tab-focus:focus,
    .video-wrapper .plyr--audio .plyr__controls button:hover { background:#2877b7; }
    .video-wrapper .plyr__play-large { background: #2877b7; }
    .video-wrapper .plyr__progress--played,
    .video-wrapper .plyr__volume--display { color:#2877b7; }
    
    /* Search results */
    dl.results span { display:block; padding:1.5em; }
    dl.results span.odd { background-color:#f8f8f8; }
    dl.results span.even { background-color:#efefef; }
    dl.results dt { color:#555; font-family:'fira_sans_bold',Verdana,Geneva,sans-serif; font-size:1.2em; line-height:2em; }
    dl.results a { color:#555; }
    dl.results a:hover { color:#f60; }
    dl.results dd { font-size:0.9em; line-height:1.5em; margin:0; padding:0; }
    
    /* Shortcuts and info for logged in user */
    .user-links { background-color:#eee; border:1px solid #ccc; box-sizing:border-box; color:#333; margin:0 auto; padding:0.5em; text-align:center; width:100%; }
    .user-links a { color:#639468; }
    .user-links #publish-status { display:inline-block; font-size:0.9em; margin-left:2em; padding:0.2em 0.5em; }
    .user-links #publish-status.unpublished { background-color:#bae1f4; border:1px solid #a8d5ea; }
    .user-links #publish-status.published { background-color:#d2f2cd; border:1px solid #abe8a2; }
    
    
    /*	.....................................
        Media queries
        ..................................... */
    
    @media screen and (max-width:68em) /* Header and menu*/ {
        .sitename h1 { font-size:3.6em; }
        .sitename h2 { font-size:1.3em; }
        .govcrest img.logo { max-width:375px; }
        #main-menu-sections { -ms-grid-columns:1fr 1fr 1fr; grid-template-columns:1fr 1fr 1fr; grid-template-areas:'menu-preparation menu-the-voyages menu-macquarie-island' 'menu-cape-denison menu-western-party menu-homecoming' 'menu-national-heritage menu-resources .'; }
        #main-menu-sections div.menu-cape-denison { -ms-grid-column:1; -ms-grid-row:2; }
        #main-menu-sections div.menu-western-party { -ms-grid-column:2; }
        #main-menu-sections div.menu-homecoming { -ms-grid-column:3; }
        #main-menu-sections div.menu-national-heritage { -ms-grid-column:1; -ms-grid-row:3; }
        #main-menu-sections div.menu-resources { -ms-grid-column:2; -ms-grid-row:3; }
    }
    
    @media screen and (max-width:63em) /* Header, home page intro, visual navigation (grid) and home visual navigation (flex) */ {
        .sitename h1 { font-size:3.3em; }
        .sitename h2 { font-size:1.2em; }
        .govcrest img.logo { max-width:350px; }
        #home #home-intro { font-size:1.4em; }
        #home #home-intro p { max-width:700px; }
        #visual-nav { grid-template-columns:repeat(auto-fit, minmax(234px, 1fr)); grid-gap:0.2; }
        #home #visual-nav div { -ms-flex:0 1 32%; flex:0 1 32%; }
    }
    
    @media screen and (max-width:58em) /* Header, visual navigation (flex) and menu */ {
        .sitename h1 { font-size:3em; }
        .sitename h2 { font-size:1.1em; }
        .govcrest img.logo { max-width:320px; }
        #visual-nav div { -ms-flex:0 1 32%; flex:0 1 32%; }
        #main-menu-sections { -ms-grid-columns:1fr 1fr; grid-template-columns:1fr 1fr; grid-template-areas:'menu-preparation menu-the-voyages' 'menu-macquarie-island menu-cape-denison' 'menu-western-party menu-homecoming' 'menu-national-heritage menu-resources'; }
        #main-menu-sections div.menu-macquarie-island { -ms-grid-column:1; -ms-grid-row:2; }
        #main-menu-sections div.menu-cape-denison { -ms-grid-column:2; -ms-grid-row:2; }
        #main-menu-sections div.menu-western-party { -ms-grid-column:1; -ms-grid-row:3; }
        #main-menu-sections div.menu-homecoming { -ms-grid-column:2; -ms-grid-row:3; }
        #main-menu-sections div.menu-national-heritage { -ms-grid-column:1; -ms-grid-row:4; }
        #main-menu-sections div.menu-resources { -ms-grid-column:2; -ms-grid-row:4; }
    }
    
    @media screen and (max-width:55em) /* Header, search, image gallery and home visual navigation (flex) */ {
        header { -ms-grid-columns:100%; grid-template-columns:100%; grid-template-areas:'skip' 'govcrest' 'sitename' 'searchbar'; }
        header .skip { -ms-grid-column-span:1; }
        header .sitename { -ms-grid-column:1; -ms-grid-row:3; }
        header .searchbar { -ms-grid-row:4; -ms-grid-column-span:1; }
        .sitename { -ms-grid-column-align:center; justify-self:center; }
        .sitename h1 { font-size:3.6em; }
        .sitename h2 { font-size:1.3em; }
        .govcrest { -ms-grid-column-align:center; justify-self:center; }
        header .searchbar { -ms-grid-columns:1fr auto; grid-template-columns:1fr auto; grid-template-areas:'searchbox menu-btn'; }
        header .searchbar .searchbox { -ms-grid-column-align:start; justify-self:start; -ms-grid-column:1; }
        header .searchbar .menu-btn { -ms-grid-column:2; }
        .no-js header .searchbar { grid-template-areas:'searchbox .'; }
        form.search input { -ms-grid-column-align:start; justify-self:start; }
        main article#content .columns { -ms-grid-columns:auto 350px; grid-template-columns:auto 350px; }
        article#content .media { width:350px; }
        #home #visual-nav div { -ms-flex:0 1 49%; flex:0 1 49%; }
    }
    
    @media screen and (max-width:48em) /* Image gallery */ {
        main article#content .columns { -ms-grid-columns:auto 300px; grid-template-columns:auto 300px; }
        article#content .media { width:300px; }
    }
    
    @media screen and (max-width:42em) /* Image gallery and visual navigation (flex) */ {
        main article#content .columns { -ms-grid-columns:auto 250px; grid-template-columns:auto 250px; }
        article#content .media { width:250px; }
        #visual-nav div { -ms-flex:0 1 48%; flex:0 1 48%; }
        #home #visual-nav div { -ms-flex:0 1 98%; flex:0 1 98%; }
    }
        
    @media screen and (max-width:38em) /* Header, breadcrumbs, image gallery, menu, pagination and footer */ {
        .sitename h1 { font-size:3em; }
        .sitename h2 { font-size:1.1em; }
        #sitenav { padding:0.5em 1.5em 0.4em 0.8em; }
        main article#content .columns { -ms-grid-columns:100%; grid-template-columns:100%; grid-template-areas:'heading' 'text' 'media' 'pagination'; }
        main article#content .columns h1#mainpagetitle { -ms-grid-column-span:1; }
        main article#content .columns .media { -ms-grid-column:1; -ms-grid-row:3; }
        main article#content .columns .pagination { -ms-grid-row:4; -ms-grid-column-span:1; }
        h1#mainpagetitle { padding:1em 0.5em; }
        h1#mainpagetitle.section { padding:0.2em 0 0 0.3em; }
        article#content .text { padding:2em 1em; }
        article#content .media { width:100%; }
        #img-gallery figcaption { margin:0.3em; }
        #main-menu ol { margin:0; padding:0; }
        #main-menu ol li { margin:0; width:100%; }
        #main-menu-sections { -ms-grid-columns:100%; grid-template-columns:100%; grid-template-areas:'menu-preparation' 'menu-the-voyages' 'menu-macquarie-island' 'menu-cape-denison' 'menu-western-party' 'menu-homecoming' 'menu-national-heritage' 'menu-resources'; width:98%; }
        #main-menu-sections div.menu-the-voyages { -ms-grid-column:1; -ms-grid-row:2; }
        #main-menu-sections div.menu-macquarie-island { -ms-grid-column:1; -ms-grid-row:3; }
        #main-menu-sections div.menu-cape-denison { -ms-grid-column:1; -ms-grid-row:4; }
        #main-menu-sections div.menu-western-party { -ms-grid-column:1; -ms-grid-row:5; }
        #main-menu-sections div.menu-homecoming { -ms-grid-column:1; -ms-grid-row:6; }
        #main-menu-sections div.menu-national-heritage { -ms-grid-column:1; -ms-grid-row:7; }
        #main-menu-sections div.menu-resources { -ms-grid-column:1; -ms-grid-row:8; }
        .pagination { font-size:0.9em; }
        .pagination .button a { padding:1.5em 2.1em; }
        footer time { padding:1em 0.5em 1em 0.5em; text-align:center; }
        footer nav { padding:2em 0.5em; text-align:center; }
    }
    
    @media screen and (max-width:33em) /* Header, search and pagination */ {
        .sitename h1 { font-size:2.7em; }
        .sitename h2 { font-size:1em; }
        form.search input#search { width:20em; }
        .pagination .button a { padding:1.3em 1.9em; }
    }
    
    @media screen and (max-width:29em) /* Header, search, visual navigation (flex) and pagination */ {
        .sitename h1 { font-size:2.3em; text-align:center; }
        .sitename h2 { font-size:1.1em; line-height:1.1em; margin-top:0.3em; text-align:center; }
        form.search input#search { width:85%; }
        h1#mainpagetitle.section { font-size:3.5em; line-height:1.5em; padding-bottom:0.3em; }
        #section-intro { padding:0 1.2em 1em 0.5em; text-align:left; }
        #visual-nav div { -ms-flex:0 1 95%; flex:0 1 95%; }
        .pagination .button a { padding:1.1em 1.7em; }
    }
        
    @media screen and (max-width:25em) /* Header, home page intro and pagination */ {
        #logo-title img.logo { height:auto; margin-bottom:1.5em; width:100%;}
        #logo-title .title { float:left; text-align:left; }
        #home #home-intro { font-size:1.1em; }
        .pagination .button a { padding:0.9em 1.5em; }
    }
    
    @media print {
        @page { margin:1cm; }
        figure { page-break-inside:avoid; }
        body, header, main, main article#content .columns, footer { display:inline; }
        .user-links, header .skip, header .govcrest, header .searchbar, #sitenav, .pagination, footer nav { display:none; }
        body { background-attachment:none; background-color:#fff; background-image:none; color:#000; }
        .sitename { text-align:left; }
        .sitename h1 { color:#757575; font-family:'open_sans_bold',Verdana,Geneva,sans-serif; font-size:26pt; line-height:1cm; margin:3mm 0; padding:0; }
        .sitename h2 { color:#757575; font-family:'open_sans_bold',Verdana,Geneva,sans-serif; font-size:16pt; line-height:5mm; margin:0; padding:0; }
        main { font-size:14pt; }
        article#content { background-color:#fff; background-image:none; }
        article#content.site-section { background-color:#fff; background-image:none; }
        h1#mainpagetitle, h1#mainpagetitle.section { color:#000; font-size:20pt; margin:0; padding:1cm 4mm 0 4mm; }
        h1#mainpagetitle.section { font-family:'open_sans_bold',Verdana,Geneva,sans-serif; }
        #home #home-intro { background-color:#fff; background-image:none; box-shadow:none; color:#000; font-size:16pt; line-height:1cm; margin:0 0 5mm 4mm; max-height:auto; padding:0; padding-bottom:0; }
        #home #home-intro p { background-color:#fff; font-family:'open_sans_regular',Verdana,Geneva,sans-serif; margin:0; padding:0; max-width:100%; }
        #section-intro { color:#000; font-size:16pt; line-height:1cm; margin:0 0 5mm 4mm; max-height:auto; padding:0; text-align:left; }
        #section-intro p { font-family:'open_sans_regular',Verdana,Geneva,sans-serif; margin:0; padding:0; max-width:100%; }
        article#content .text { background-color:#fff; float:left; padding:0 4mm; }
        article#content .media { background-color:#fff; float:left; padding:1cm 4mm; width:15cm; }
        footer time { background-color:#fff; clear:both; color:#000; font-size:12pt; text-align:left; margin:2cm 4mm 4mm 4mm; }
    }