Fri Aug 19 2016
Copied to clipboard! Copy reply
  • 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;
                }
            }
        }


    }

}