@charset "utf-8";

/*
 ************************************************
	folderHorizon 'home-large-figure.css' layout
	* Homepage "large 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.75rem auto 5rem auto;
    --page-on-left: 0.75rem 0 5rem 9%;
    /* 75rem = 1200px    |    69rem = 1104px   */
    --wrapper-home-width: 75rem;
    --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.5rem;
    --header-archive-margin-bottom: 1.25rem;

    /********************************************
    Header menu alignment: left|right
    ****************************/
    --header-home-menu-align: right;
    --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...
	* figure caption: left indent
	* text: width
    ****************************/
    --home-caption-indent: 0;
    --home-article-width: 75%;
}