@charset "utf-8";

/*
 ************************************************
	folderHorizon 'home-full-figure.css' layout
	* Homepage "full figure style"
    * 'home' and 'archive' contexts have different values
    See 'doc/documentation.html' file for more info
 ***********************************************/

:root {
    /********************************************
	Page Wrapper size/position...
    ****************************/
    /*   Option: center|left   */
    --page-on-center: 0.25rem auto 5rem auto;
    --page-on-left: 0.75rem 0 5rem 9%;
    /* 69rem = 1104px          */
    --wrapper-home-width: 100%;
    --wrapper-home-margin: var(--page-on-center);
    --wrapper-archive-width: 69rem;
    --wrapper-archive-margin: var(--page-on-left);

    /********************************************
	Header margin bottom...
    ****************************/
    --header-home-margin-bottom: 0;
    --header-archive-margin-bottom: 1.25rem;

    /********************************************
    Header menu alignment: left|right
    ****************************/
    --header-home-menu-align: left;
    --header-archive-menu-align: var(--header-home-menu-align);

    /********************************************
    Page Content... 52.5rem = 840px
    ****************************/
    --content-home-width: var(--wrapper-home-width);
    --content-archive-width: 52.5rem;

    /********************************************
	Page aside... related to .wrapper/.content
    ****************************/
    --aside-home-width: 0;
    --aside-archive-width: calc(var(--wrapper-archive-width) - var(--content-archive-width));

    /********************************************
    Homepage...
    + header/caption: side margin/indent (local below)
    * figure caption: left indent
    * text: width
    ****************************/
    --header-home-side-margin: 5rem;
    --home-caption-indent: var(--header-home-side-margin);
    --home-article-width: 50%;
}

/********************************************
    Homepage...
    + header: side margin
****************************/

.home header>nav.title {
    margin-left: var(--header-home-side-margin);
}

.home header>nav.menubar {
    margin-right: var(--header-home-side-margin);
}