:root {

    --site-font-family: 'Roboto', Arial, Helvetica, sans-serif;
    --headings-font-family: 'Playfair Display', Times, serif;
   
   /** Site Layout **/
    --site-boxed-width: 1200px;
    --site-breakpoint: 1000px;

    /** Global **/
    --global-font-size: 16px;
    --global-font-weight: 300;
    --global-font-weight-bold: 600;
    --site-bg-colour: #ffffff;
    /* --site-bg-colour-grad: ; */
    --accent-colour: #938e94;
    --accent-colour-hover: #a9a5a9;
    --site-font-colour: #2f2f2f;
    /* --site-bg-image-stock: ; */
    /* --site-bg-image: ; */
    --site-bg-image-repeat: no-repeat;
    --site-bg-image-attachment: scroll;
    --site-bg-image-position: center top;
    --site-bg-image-size: cover;
    --site-bg-image-opacity: 1;
    /* --site-bg-image-overlay-colour: ; */
    /* --site-bg-image-overlay-colour-grad: ; */
    --site-bg-image-overlay-opacity: 0.9;

    /** Disclaimer Font Colours **/
    /* --disclaimer-site-title-colour: ; */
    /* --disclaimer-title-colour: ; */
    /* --disclaimer-font-colour: ; */
    /* --disclaimer-button-colour: ; */
    /* --disclaimer-button-colour-hover: ; */
    /* --disclaimer-button-font-colour: ; */
    /* --disclaimer-button-font-colour-hover: ; */
    --disclaimer-background-colour: #ffffff;
    --disclaimer-background-colour-opacity: 0;
    /* --disclaimer-background-image-overlay-colour: ; */
    --disclaimer-background-image-overlay-colour-opacity: 0;

    /** Header **/
    /* --header-bg-colour: ; */
    --header-bg-colour-opacity: 1;
    --header-bg-image: none;
    --header-bg-image-repeat: no-repeat;
    --header-bg-image-attachment: scroll;
    --header-bg-image-position: center center;
    --header-bg-image-size: cover;
    --header-border-colour: #000000;
    --header-border-colour-opacity: 0;
    --nav-border-colour: #000000;
    --nav-border-colour-opacity: 0;
    /* --nav-border-full-width: ; */
    /* --header-shadow: ; */
    /* --header-social-colour: ; */
    /* --header-social-colour-hover: ; */
    --header-bg-colour-hero: #000000;
    --header-bg-colour-opacity-hero: 0.8;
    --header-border-colour-hero: #000000;
    --header-border-colour-opacity-hero: 0;
    --nav-border-colour-hero: #000000;
    --nav-border-colour-opacity-hero: 0;
    --header-social-colour-hero: #ffffff;
    /* --header-social-colour-hover-hero: ; */
    /* --header-top-left-colour-hero: ; */
    /* --header-top-left-links-colour-hero: ; */
    /* --header-top-left-links-colour-hero-hover: ; */
    /* --header-bg-colour-sticky: ; */
    --header-bg-colour-opacity-sticky: 0.8;
    /* --header-social-colour-sticky: ; */
    /* --header-social-colour-sticky-hover: ; */
    --header-top-left-colour-sticky: #2f2f2f;
    /* --header-top-left-links-colour-sticky: ; */
    /* --header-top-left-links-colour-sticky-hover: ; */

    /** Branding **/
    /* --title-font: ; */
    --title-font-size: 3rem;
    /* --title-font-size-sticky: ; */
    --title-font-size-sm-screens: 2.5rem;
    /* --title-font-size-sticky-sm-screens: ; */
    /* --title-font-weight: ; */
    /* --title-font-colour: ; */
    --title-font-colour-hero: #ffffff;
    /* --title-font-colour-sticky: ; */
    --title-margin-top: 0;
    --title-margin-bottom: 0;
    --site-logo-width: 280px;
    /* --site-logo-width-sticky: ; */
    /* --site-logo-width-sm-screens: ; */
    /* --site-logo-width-sticky-sm-screens: ; */
    /* --site-logo-bg-colour: ; */
    --site-description-font-size: 0.875rem;
    /* --site-description-font-weight: ; */
    /* --site-description-font-colour: ; ***** */
    --site-description-font-colour-hero: #ffffff;

    /** Navigation **/
    /* --main-menu-colour: ; */
    /* --main-menu-colour-hover: ; */
    /* --main-menu-colour-submenu-hero: ; */
    /* --main-menu-colour-submenu-hero-hover: ;  */
    --main-menu-colour-hero: #ffffff;
    /* --main-menu-colour-hero-hover: ; */
    /* --main-menu-colour-sticky: ; */
    /* --main-menu-colour-sticky-hover: ; */
    /* --main-menu-colour-sm-screens: ; */
    /* --main-menu-colour-sm-screens-hover: ; */
    /* --main-menu-toggle-colour: ; */
    /* --main-menu-toggle-colour-hero: ; */
    /* --main-menu-toggle-colour-sticky: ; */
    /* --main-menu-toggle-colour-open: ; */
    /* --main-menu-submenu-bg-colour-opacity: ; */
    --main-menu-submenu-bg-colour-opacity-hero: 0.8;
    /* --main-menu-nav-btn-colour: ; */
    /* --main-menu-nav-btn-colour-hover: ; */
    /* --main-menu-nav-btn-text-colour: ; */
    /* --main-menu-nav-btn-text-colour-hover: ; */
    /* --main-menu-bg-colour-sm-screens: ; */
    --main-menu-bg-colour-sm-screens-opacity: 1;
    --menu-bg: initial;
    --main-menu-font-size: 1rem;
    --main-menu-font-size-sm-screens: 1rem;
    /* --main-menu-font-weight: ; */
    --main-menu-letter-spacing: 2px;
    --main-menu-text-transform: uppercase;
    --main-menu-item-spacing: 10px;
    --main-menu-item-spacing-sm-screens: 0.875em;
    --main-menu-line-height: 1.1rem;
    /* --menu-toggle-position: ; */
    --sub-menu-width: 130px;
    --mobile-menu-width: 250px;
    /* --mobile-menu-text-alignment: ; */

    /** Content **/
    /* --content-bg-colour: ; */
    /* --content-bg-opacity: ; */
    --main-content-font-size: 1rem;
    /* --main-content-font-weight: ; */
    /* --main-content-font-colour: ; */
    /* --content-link-colour: ; */
    /* --content-link-colour-hover: ; */
    /* --h1-font: ; ***** */
    --h1-font-size: 2.5rem;
    --h1-font-size-sm: 2rem; 
    --h1-line-height: 1.1; 
    /--h1-font-weight: bolder; 
    /* --h1-colour: ; */
    /* --h2-font: ; */
    --h2-font-size: 2rem;
    --h2-font-size-sm: 1.75rem; 
    --h2-line-height: 1.1; 
    --h2-font-weight: bolder; 
    /* --h2-colour: ; */
    /* --h3-font: ; */
    --h3-font-size: 1.75rem;
    --h3-font-size-sm: 1.5rem; 
    --h3-line-height: 1.1; 
    --h3-font-weight: bolder; 
    /* --h3-colour: ; */
    /* --h4-font: ; */
    --h4-font-size: 1.5rem;
    --h4-font-size-sm: 1.25rem; 
    --h4-line-height: 1.1; 
    --h4-font-weight: bolder; 
    /* --h4-colour: ; */
    /* --h5-font: ; */
    --h5-font-size: 1.25rem;
    --h5-font-size-sm: 1.15rem; 
    --h5-line-height: 1.1; 
    --h5-font-weight: bolder; 
    /* --h5-colour: ; */
    /* --h6-font: ; */
    --h6-font-size: 1rem; 
    --h6-font-size-sm: 1rem; 
    --h6-line-height: 1.1; 
    --h6-font-weight: bolder; 
    /* --h6-colour: ; */

    /** Sidebar **/
    /* --sidebar-headings-font: ; */
    --sidebar-headings-font-size: 1.75rem; 
    --sidebar-headings-font-weight: bolder;
    /* --sidebar-headings-font-colour: ; */
    --sidebar-font-size: 1rem; 
    /* --sidebar-font-weight: ; */
    /* --sidebar-font-colour: ; */
    /* --sidebar-link-colour: ; */
    /* --sidebar-link-colour-hover: ; */

    /** Footer **/
    --footer-content-font-size: 1rem;
    /* --footer-content-font-weight: ; */
    /* --footer-content-font-colour: ; */
    /* --footer-link-colour: ; */
    /* --footer-link-colour-hover: ; */
    /* --footer-h1-font: ; */
    --footer-h1-font-size: 2.5rem; 
    --footer-h1-font-size-sm: 2.5rem; 
    --footer-h1-line-height: 1.1; 
    --footer-h1-font-weight: bolder; 
    /* --footer-h1-colour: ; */
    /* --footer-h2-font: ; */
    --footer-h2-font-size: 2rem; 
    --footer-h2-font-size-sm: 2rem; 
    --footer-h2-line-height: 1.1; 
    --footer-h2-font-weight: bolder; 
    /* --footer-h2-colour: ; */
    /* --footer-h3-font: ; */
    --footer-h3-font-size: 1.75rem; 
    --footer-h3-font-size-sm: 1.75rem; 
    --footer-h3-line-height: 1.1; 
    --footer-h3-font-weight: bolder; 
    /* --footer-h3-colour: ; */
    /* --footer-h4-font: ; */
    --footer-h4-font-size: 1.5rem; 
    --footer-h4-font-size-sm: 1.5rem; 
    --footer-h4-line-height: 1.1; 
    --footer-h4-font-weight: 500; 
    /* --footer-h4-colour: ; */
    /* --footer-h5-font: ; */
    --footer-h5-font-size: 1.25rem; 
    --footer-h5-font-size-sm: 1.25rem; 
    --footer-h5-line-height: 1.1; 
    --footer-h5-font-weight: bolder; 
    /* --footer-h5-colour: ; */
    /* --footer-h6-font: ; */
    --footer-h6-font-size: 1rem; 
    --footer-h6-font-size-sm: 1rem; 
    --footer-h6-line-height: 1.1; 
    --footer-h6-font-weight: bolder; 
    /* --footer-h6-colour: ; */
    
    --social-font-size: 2rem;
    /* --social-colour: ; */
    /* --social-colour-hover: ; */
    /* --footer-overlay: ; */
    --footer-overlay-opacity: 0.9;
    /* --footer-bg: ; */
    --footer-bg-image-repeat: no-repeat;
    --footer-bg-image-attachment: scroll;
    --footer-bg-image-position: center center;
    --footer-bg-image-size: cover;
    --footer-border-colour: #000000;
    --footer-border-colour-opacity: 0;

    /** Buttons & Forms **/
    --button-font-size: 1rem; 
    /* --button-font-weight: ; */
    /* --button-colour: ; */
    /* --button-colour-hover: ; */
    --button-font-colour: #ffffff;
    --button-font-colour-hover: #ffffff;
    --forms-font-size: 1rem;
    /* --forms-font-weight: ; */ 
    --forms-font-colour: #2f2f2f;
    --forms-bg-colour: #f8f8f8;
    --forms-bg-colour-focus: #ffffff;
    --forms-border-colour: #cccccc;
    /* --forms-border-colour-focus: ; */
    --buttons-border-radius: 0rem;

    /** Sitewide Notice **/
    --sitewide-notice-bg-colour: #000000;
    --sitewide-notice-font-colour: #ffffff;

}