body {
	background-color: transparent;
}

.widget-container div.widget-body div.widget-content div.wd-container div#wda-direction.wda-direction {
	background-color: #3b6697;
}

.widget-container div.widget-body div.widget-content div.wind-detail span.value {
	color: #3b6697;
}

.widget-container {
    width: auto;
    max-width: auto;
    border: none;
    background-color: white;
    text-align: center;
    padding: 20px;
    box-shadow: none;
    color: #666;
}

body > .widget-content {
    width: auto;
	max-width: 250px;
}

.loc-name {
    font-size: 20px;
    font-weight: normal;
    margin-bottom: 20px;
	color: #3b6697;
}

h1#locname {
    display: none;
}

.wind-detail .unit, .label {
    font-size: 12px;
    color: #666;
}

.wd-pointer {
    background-color: #b71918;
    color: #b71918;
}

.compass-container {
    width: auto;
    height: auto;
    margin-bottom: 0;
}

@media (max-width: 768px) {
    .compass-container {
        width: auto;
        height: auto;
    }
}

@media (max-width: 480px) {
    .compass-container {
        width: auto;
        height: auto;
    }
}

.compass-card {
    background-color: #3b6697;
}

.widget-footer #ts {
    color: #666;
}

.rpr-logo {
    background-color: #3b6697;
}

.weatherfile-logo span {
    color: #666;
}