@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: 10px auto 50px auto;
    --page-on-left: 12px 0 50px 10%;
    /* small screen */
    --sm-page-on-left: 12px 0 50px 8%;
    /*                         */
    --wrapper-home-width: 1200px;
    --wrapper-home-margin: var(--page-on-center);
    --wrapper-archive-width: 1100px;
    --wrapper-archive-margin: var(--page-on-left);
    /* small screen */
    --sm-wrapper-home-width: 1100px;
    --sm-wrapper-home-margin: var(--page-on-center);
    --sm-wrapper-archive-width: 1000px;
    --sm-wrapper-archive-margin: var(--sm-page-on-left);

    /********************************************
	Header margin bottom...
    ****************************/
    --header-home-margin-bottom: 8px;
    --header-archive-margin-bottom: 20px;
    /* small screen */
    --sm-header-home-margin-bottom: 8px;
    --sm-header-archive-margin-bottom: 15px;

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

    /********************************************
	Page content...
    ****************************/
    --content-home-width: var(--wrapper-home-width);
    --content-archive-width: 840px;
    /* small screen */
    --sm-content-home-width: var(--sm-wrapper-home-width);
    --sm-content-archive-width: 720px;

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

    /********************************************
	Homepage...
	* figure caption: left indent
	* text: width
    ****************************/
    --home-caption-indent: 0;
    --home-article-width: 75%;
}