body {
    padding:0;
    margin: 0;
}
.HetWeerLokaalWidget {
    width: 100%;
    overflow: auto;
    padding: 0;

    position: relative;
    cursor: default;
    box-sizing: border-box;
}
.HetWeerLokaalWidget * {
    box-sizing: border-box;
}
.HetWeerLokaalWidget {
    background: white;
    font-family: helvetica, "helvetica neue", arial, "lucida grande", sans-serif;
    border: 1px solid silver;
    border-radius: 7px;
    color: #202020;
}
.HetWeerLokaalWidget.noframe {
    border: 0;
}

.HetWeerLokaalWidget a {
    color: inherit;
    text-decoration: none;
}
.HetWeerLokaalWidget a:hover {
    text-decoration: underline;
}

.HetWeerLokaalWidget header {
    border-bottom: 1px solid silver;
    padding-bottom: .5em;
}

.HetWeerLokaalWidget header h3 {
    font-size: 16px;
    background: url('data:image/png;base64,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') no-repeat;
    background-size: 32px;
    min-height: 32px;
    margin:0;
    font-weight: normal;
}
.HetWeerLokaalWidget header h3 a {
    margin-left: 40px;
    display: block;
    padding-top: 2px;
}

.HetWeerLokaalWidget section .row {
    border-bottom: 1px solid silver;
    overflow: hidden;
}
.HetWeerLokaalWidget section .row > div {
    float: left;
    width: 20%;
    text-align: center;
    padding: 5px;
    height: 50px;
    line-height: 45px;
}
.HetWeerLokaalWidget section .row > div:last-of-type {
    border-right: 0;
}
.HetWeerLokaalWidget section .wi {
    font-size: 1.7em;
    padding-top: 7px;
    padding-bottom: 7px;
}
.HetWeerLokaalWidget section {
    margin-top: 20px;
    margin-bottom: 20px;
}
.HetWeerLokaalWidget footer {
    text-align: right;
    position: absolute;
    bottom: 0;
    left:0;
    right: 0;
    height: 25px;
    line-height: 25px;
    padding-right: 10px;
    font-size: 0.7em;
}

.HetWeerLokaalWidget .windrose {
    border:3px solid rgb(204, 204, 204);
    border-radius: 50%;
    height:32px;
    width:32px;
    position: relative;
    box-shadow: inset 0 0 20px rgb(255, 165, 0);
    text-align: center;
    margin: 6px auto 0;
}
.HetWeerLokaalWidget .windrose:before {
    position: absolute;
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 0 35px 10px;
    border-color: transparent transparent rgb(102, 102, 102) transparent;
    margin-left:-10px;
    margin-top:-7px;
}
.HetWeerLokaalWidget .windrose:after {
    position: absolute;
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 10px 35px 0;
    border-color: transparent transparent rgb(153, 153, 153) transparent;
    margin-left:0;
    margin-top:-7px;
}
.HetWeerLokaalWidget .windrose i {
    background: rgb(204, 204, 204);
    box-shadow: inset 0 0 2px rgb(0, 0, 0);
    position: absolute;
    border-radius: 100%;
    height:15px;
    width: 6px;
    left: 10px;
    top: 14px;
    z-index: 3;
    opacity: 0.4;
}
.HetWeerLokaalWidget .windrose em {
    display: none;
}
.HetWeerLokaalWidget .windrose.speed-0  { box-shadow: inset 0 0 35px rgb(255, 255, 255); }
.HetWeerLokaalWidget .windrose.speed-1  { box-shadow: inset 0 0 35px rgb(215, 255, 255); }
.HetWeerLokaalWidget .windrose.speed-2  { box-shadow: inset 0 0 35px rgb(170, 252, 215); }
.HetWeerLokaalWidget .windrose.speed-3  { box-shadow: inset 0 0 35px rgb(169, 250, 173); }
.HetWeerLokaalWidget .windrose.speed-4  { box-shadow: inset 0 0 35px rgb(171, 249, 130); }
.HetWeerLokaalWidget .windrose.speed-5  { box-shadow: inset 0 0 35px rgb(169, 248, 63); }
.HetWeerLokaalWidget .windrose.speed-6  { box-shadow: inset 0 0 35px rgb(169, 208, 50); }
.HetWeerLokaalWidget .windrose.speed-7  { box-shadow: inset 0 0 35px rgb(214, 209, 55); }
.HetWeerLokaalWidget .windrose.speed-8  { box-shadow: inset 0 0 35px rgb(255, 211, 60); }
.HetWeerLokaalWidget .windrose.speed-9  { box-shadow: inset 0 0 35px rgb(255, 168, 50); }
.HetWeerLokaalWidget .windrose.speed-10 { box-shadow: inset 0 0 35px rgb(255, 124, 42); }
.HetWeerLokaalWidget .windrose.speed-11 { box-shadow: inset 0 0 35px rgb(255, 79, 37); }
.HetWeerLokaalWidget .windrose.speed-12 { box-shadow: inset 0 0 35px rgb(255, 43, 34); }


@media (max-width: 200px) {
    .HetWeerLokaalWidget .wind {
        display: none;
    }
    .HetWeerLokaalWidget section .row > div {
        width: 25%;
    }
}
@media (max-width: 190px) {
    .HetWeerLokaalWidget .windSpeed {
        display: none;
    }
    .HetWeerLokaalWidget section .row > div {
        width: 33%;
    }
}