@type : 'global';
@element : 'site';

// @import (multiple) '../../theme.config';

/*******************************
             Page
*******************************/

// .loadFonts();

@headingColor: #005c30;

html,
body {
    height: 100%;
}

html {
    font-size: @emSize;
}

body {
    margin: 0px;
    padding: 0px;
    overflow-x: @pageOverflowX;
    min-width: @pageMinWidth;
    background: @pageBackground;
    font-family: @pageFont;
    font-size: @fontSize;
    line-height: @lineHeight;
    color: @textColor;
    font-smoothing: @fontSmoothing;
}

/*******************************
             Headers
*******************************/

h1,
h2,
h3,
h4,
h5 {
    font-family: @headerFont;
    line-height: @headerLineHeight;
    margin: @headerMargin;
    font-weight: @headerFontWeight;
    padding: 0em;
    color: @headingColor;
}

@h1: 28px;
@h2: 24px;
@h3: 20px;

h1 {
    min-height: 1rem;
    font-size: @h1;
}

h2 {
    font-size: @h2;
}

h3 {
    font-size: @h3;
}

h4 {
    font-size: @h4;
}

h5 {
    font-size: @h5;
}

#page-document {


    p {
        margin-bottom: 1em;
    }
}

// h1:first-child,
// h2:first-child,
// h3:first-child,
// h4:first-child,
// h5:first-child {
//     margin-top: 0em;
// }

// h1:last-child,
// h2:last-child,
// h3:last-child,
// h4:last-child,
// h5:last-child {
//     margin-bottom: 0em;
// }


/*******************************
             Text
*******************************/

p {
    font-size: @fontSize;
    margin: @paragraphMargin;
    line-height: @paragraphLineHeight;
    // color:
}

// p:first-child {
//     margin-top: 0em;
// }

// p:last-child {
//     margin-bottom: 0em;
// }

/*-------------------
        Links
--------------------*/

a {
    color: @linkColor;
    text-decoration: @linkUnderline;
}

a:hover {
    color: @linkHoverColor;
    text-decoration: @linkHoverUnderline;
}


#page-document {
    h1 {
        border-bottom: none;

        &:before {
            display: none;
        }
    }
}

#page-document {
    ul {
        list-style-type: none;
        padding-left: 15px;

        li {
            &:before {
                content: '►';
                color: @headingColor;
                font-size: .8rem;
                margin-right: 7px;
                margin-left: -1rem;
                position: absolute;
            }
        }
    }
}