• 1
• 2
• 3
• 4
• 5
• 6
• 7
• 8
• 9
• 10
• 11
• 12
• 13
• 14
• 15
• 16
• 17
• 18
• 19
• 20
• 21
• 22
• 23
• 24
• 25
• 26
• 27
• 28
• 29
• 30
• 31
• 32
• 33
• 34
• 35
• 36
• 37
• 38
• 39
• 40
• 41
• 42
• 43
• 44
• 45
• 46
• 47
• 48
• 49
• 50
• 51
• 52
• 53
• 54
• 55
• 56
• 57
• 58
• 59
• 60
• 61
• 62
• 63
• 64
• 65
• 66
• 67
• 68
• 69
• 70
• 71
• 72
• 73
• 74
• 75
• 76
• 77
• 78
• 79
• 80
• 81
• 82
• 83
• 84
• 85
• 86
• 87
• 88
• 89
• 90
• 91
• 92
• 93
• 94
• 95
• 96
• 97
• 98
• 99
• 100
• 101
• 102
• 103
• 104
• 105
• 106
• 107
• 108
• 109
• 110
• 111
• 112
• 113
• 114
• 115
• 116
• 117
• 118
• 119
• 120
• 121
• 122
• 123

#hamburger-nav {
    background: #242424;
    color: #969696;
    height: 100%;
    width: 100%;
    position: fixed;
    top: 60px; // same as logo/navbar
    right: 0;
    z-index: 1;
    width: 85%;
    font-family: GothamBook, sans-serif;
    font-size: 0.9em;

    margin-right: -85%; // -85% should match the js
    box-sizing: border-box;
    & > div {
        border-bottom: 1px solid #2d2d2d;
        padding: 20px 0 20px 20px;
        font-size: 0.9em;
        font-weight: bold;
        a {
            // solo links - not inside accordion
            color: inherit;
            display: block;
            text-decoration: none;
            &:active {
                color: #debc3a;
            }
        }
    }
    .accordion {
        & > div {
            span.arrow {
                display: inline-block;
                 width: 15px;
                height: 15px;
                position: relative;
                bottom: -3px;
                right: -1px;
                transition: transform 0.2s;

                &.turned {
                    .transform(rotate(90deg));
                }
                svg {
                    width: 15px;
                    height: 15px;
                }
            }

        }
        & > ul {
            display: none;
            height: 0;
            margin: 0;
            //padding:  10px 0;
            //box-sizing: border-box;
            list-style: none;
            li {
                a {
                    font-weight: normal;
                    padding: 10px 0 3px 25px;
                    &:first-of-type {
                        margin-top: 10px;
                    }
                    &:last-of-type {
                        margin-bottom: 10px;
                    }
                    b {
                        color:#ccc;
                        font-weight: bold;
                    }
                }
                ul > li > a{
                    padding: 0 0 0 50px;
                }
            }
        }
    }
    .nav-footer {
        font-weight: normal;
        //padding: 20px 0 20px 20px;
        .nav-social-icons {
            padding: 20px 0;
            a {
                display: inline-block;
                height: 35px;
                width: 36px;
                margin-right: 10px;
                background-position: 0 0;
                background-image: url("data:image/png;base64,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");
                &:nth-of-type(2) { background-position: -37px 0; }
                &:nth-of-type(3) { background-position: -76px 0; }
                &:nth-of-type(4) { background-position: -114px 0; }
            }
        }

        & > p:first-of-type {
            font-weight: normal;
            a {
                display: inline-block;
                font-weight: 700;
            }
        }
        .socialmedia-icons {
            padding: 12px 0 12px 30px;
            border-bottom: 2px solid #8c8f96;
            margin-bottom: 20px;
            a {
                font-size: 35px;
                margin-right: 10px;
                color: #8c8f96;
                text-decoration: none;
                img {
                    width: 30px;
                }
            }
        }


    }

}