/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*LAYOUT*/
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

/*****************************************************************************************/
/*LAYOUT (BOTH)*/
/*****************************************************************************************/

#metadata { display: flex; flex-wrap: wrap; }

/*****************************************************************************************/
/*LAYOUT (LANDSCAPE)*/
/*****************************************************************************************/

@media all and (orientation: landscape) {}

/*****************************************************************************************/
/*LAYOUT (PORTRAIT)*/
/*****************************************************************************************/

@media all and (orientation: portrait) {}

/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*SIZES*/
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

/*****************************************************************************************/
/*SIZES (BOTH)*/
/*****************************************************************************************/

/*-----------------------------------------------------------*/
/*Proportions*/
/*-----------------------------------------------------------*/

h3,
div#metadata { width: 71%; }

    #metadata h4,
    #metadata h5 { width: auto; }

/*-----------------------------------------------------------*/
/*Spaces*/
/*-----------------------------------------------------------*/

h3 { margin: 0.55em 0; padding: 0.8em 1.5em; }
#metadata h4,
#metadata h5,
#metadata h6 { padding: 1em 0; padding-left: 2.75em; }

/*-----------------------------------------------------------*/
/*Sizes*/
/*-----------------------------------------------------------*/

/*................................*/
/*Texts*/
/*................................*/

#metadata h4,
#metadata h5,
#metadata h6 { font-size: 0.85em; }

/*................................*/
/*Images*/
/*................................*/

/*................................*/
/*Misc*/
/*................................*/

/*****************************************************************************************/
/*SIZES (LANDSCAPE)*/
/*****************************************************************************************/

@media all and (orientation: landscape) {
    
    /*-----------------------------------------------------------*/
    /*Scales*/
    /*-----------------------------------------------------------*/
    
    /*-----------------------------------------------------------*/
    /*Proportions*/
    /*-----------------------------------------------------------*/
    
}

/*****************************************************************************************/
/*SIZES (PORTRAIT)*/
/*****************************************************************************************/

@media all and (orientation: portrait) {
    
    /*-----------------------------------------------------------*/
    /*Scales*/
    /*-----------------------------------------------------------*/
    
    /*-----------------------------------------------------------*/
    /*Proportions*/
    /*-----------------------------------------------------------*/
    
}

/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*STYLES*/
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

/*****************************************************************************************/
/*DECORATIONS*/
/*****************************************************************************************/

/*-----------------------------------------------------------*/
/*Texts*/
/*-----------------------------------------------------------*/

/*-----------------------------------------------------------*/
/*Images*/
/*-----------------------------------------------------------*/

/*****************************************************************************************/
/*COLORS*/
/*****************************************************************************************/

/*-----------------------------------------------------------*/
/*Texts*/
/*-----------------------------------------------------------*/

#metadata h4,
#metadata h5 { color: #902E2B; }
#metadata h6 { color: #888888; }

/*-----------------------------------------------------------*/
/*Foregrounds*/
/*-----------------------------------------------------------*/

/*-----------------------------------------------------------*/
/*Backgrounds*/
/*-----------------------------------------------------------*/

#metadata { background: rgba(255,255,255,0.5); }

/*-----------------------------------------------------------*/
/*Borders*/
/*-----------------------------------------------------------*/

#metadata { box-shadow: 0 0 2em 0em rgba(0,0,0,0.1); border-left: .3em solid #902E2B; }

/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*MISCELLANEOUS*/
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

/*****************************************************************************************/
/*RESETS*/
/*****************************************************************************************/

/*****************************************************************************************/
/*UNIVERSAL*/
/*****************************************************************************************/

/*****************************************************************************************/
/*BETA*/
/*****************************************************************************************/

/*****************************************************************************************/
/*DEVELOPMENT*/
/*****************************************************************************************/