body {
    background-color: #91b8ff;
    color: #000;
    font-family: "Trebuchet MS", Trebuchet, Verdana, sans-serif;
}

html, body {
    overflow: auto;
    height: auto;
}

body.noscroll {
    width: 100%;
    position: fixed;
    margin: 0;
}

body.noscroll div.container {
    margin-top: 8px;
}

a:link, a:active, a:visited {
    color: #DC9553;
    font-weight: normal;
    outline: none;
}

a:hover {
    color: #5292F6;
    text-decoration: none;
    background-color: #333;
    outline: none;
}

a.fancybox-nav:hover, a.fancybox-close:hover {
    background-color: transparent;
}

.fancybox-title {
    height: 25px;
    overflow: hidden;
}

.header_center a:hover {
    background-color: #000000;
}

div.mobile-header, div.mobile-blocker {
    display: none;
}

div.container {
    width: 845px;
    margin-left: auto;
    margin-right: auto;
    background-color: #000;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

div.header {
    height: 145px;
    text-align: center;
    border-bottom: 1px solid #999;
}

div.header_with_text {
    height: 160px;
}

div.header_left {
    width: 20%;
    float: left;
}

div.header_center {
    width: 60%;
    float: left;
}

div#header_text {
    margin-top: 5px;
    font-size: 10px;
    color: #FFF;
    margin-right: 80px;
}

div.header_right {
    width: 20%;
    float: left;
}

#header #postit {
    position: absolute;
    margin-left: 366px;
    margin-top: -57px;
}

div.content {
    padding: 0 5px 0 5px;
    text-align: justify;
}

/* this is the right hand contents div */
div.rightpanel {
    float: right;
    width: 176px;
    padding: 5px 5px 8px 5px;
    margin: 0 -5px 3px 7px;
    border-left: 1px solid #999;
    border-bottom: 1px solid #999;
    border-radius: 0 0 0 5px;
}

div.rightpanel .no-overflow {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

div.rightpanelbutton {
    display: none;
}

div.footer {
    font: bold 9px "Trebuchet MS", Trebuchet, Verdana, Sans-Serif;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: .2em;
    line-height: 21px;
    color: #777;
    height: 20px;
    border-top: 1px solid #999;
    margin-top: 10px;
    font-weight: normal;
    clear: both;
}

div.footer img {
    padding-top: 4px;
}

.content p {
    font-size: 12px;
    color: #FFF;
    font-family: Verdana, sans-serif;
    line-height: 1.5;
}

.content p.quote {
    border-left: 1px dotted #666;
    padding-left: 10px;
    margin: 20px 8px;
}

.date_heading {
    letter-spacing: .2em;
    line-height: 21px;
    font-family: "Trebuchet MS", Trebuchet, Verdana, Sans-Serif;
    text-transform: lowercase;
    color: #999;
    height: 21px;
    font-size: 10px;
    font-weight: normal;
}

.entry_heading {
    font-weight: bold;
    color: #5292F6;
    word-spacing: 1px;
    width: 90%;
    line-height: 26px;
    text-decoration: none;
    font-family: Arial, sans-serif;
    font-size: 20px;
    padding: 3px 0 3px 0;
    text-align: left;
}

.entry_heading a, .entry_heading a:active, .entry_heading a:visited, .entry_heading a:hover {
    color: #3CA3FF;
    font-weight: bold;
    text-decoration: none;
}

.entry_heading a {
    border-bottom: 3px solid #5292F6;
}

.entry_heading a:hover {
    background-color: #333;
}

.posted {
    font-family: Verdana, sans-serif;
    font-size: 10px;
    color: #888;
    padding-bottom: 20px;
    width: 545px;
}

.posted a {
    font-weight: normal;
    text-decoration: none;
    padding-bottom: 1px;
    border-bottom: 1px solid;
}

.posted_bubble {
    float: left;
    padding: 2px 0 0 4px;
}

.posted_info {
    float: left;
}

.entry_heading_number {
    font-size: 12px;
}

.entry_heading_text {
    margin-right: -1px;
}

.entry_heading.photo-album {
    margin: 5px 0 10px;
}

.photo_album_heading {
    width: 175px;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

#ajax_event div.albums {
    padding: 3px 0 0 11px;
}

.album_art, .album_art a {
    margin-top: 5px;
    font-size: 11px;
    color: #5292F6;
}

.album_art_picture {
    font-size: 0;
    height: 115px;
}

.album_art_picture a:hover {
    background-color: #000000;
}

.album_art a:hover {
    text-decoration: underline;
    color: #F60;
}

div.hr {
    height: 10px;
}

div.gap {
    height: 10px;
    clear: both;
}

.rtop_comments, .rbottom_comments {
    display: block;
    background: #000;
}

div.comments_nav p {
    text-align: left;
}

span.underline_comments {
    white-space: nowrap;
}

div.comment-error {
    color: red;
    margin: 10px 0 20px;
    font-size: 14px;
}

div.email-error {
    color: red;
    margin: 20px 0 10px;
    font-size: 14px;
}

.right_panel_top {
    text-align: center;
    border-bottom: 1px solid #999;
    padding-bottom: 5px;
    margin-left: -5px;
    margin-right: -5px;
}

.right_panel_bottom {
    text-align: left;
    padding-top: 8px;
    font-size: 11px;
    color: #333;
}

.eventlist {
    overflow: hidden;
    width: 170px;
    height: 18px;
    color: #5292F6;
    line-height: 18px;
}

.eventlist strong, span.event_in_month strong, p.event_in_month strong {
    color: #F60;
}

.eventlist a, .eventlist a:active, .eventlist a:visited {
    color: #5292F6;
    text-decoration: none;
    word-break: break-all;
}

.eventlist a:hover {
    color: #F60;
    text-decoration: none;
}

div.rightpanel div.email_rss_home {
    display: none;
}

.email_rss, .email_rss a, .email_rss a:active, .email_rss a:visited {
    text-align: center;
    line-height: 20px;
    margin: 5px 0 9px 0;
    color: #5292F6;
    text-decoration: none;
}

.email_rss a:hover {
    color: #F60;
    text-decoration: underline;
}

.current_previous_post {
    font-weight: bold;
    text-decoration: underline;
    color: #bbb;
    font-size: 13px;
    padding: 12px 0 6px 0;
}

.stats {
    color: #DC9553;
    line-height: 15px;
}

.show_all_events {
    margin-top: 6px;
}

#rssimage {
    width: 16px;
    height: 16px;
    vertical-align: middle;
    margin-top: -2px;
}

#statsimage {
    width: 21px;
    height: 14px;
    vertical-align: middle;
    margin-top: -5px;
}

div.bubble {
    width: 400px;
    font-size: 0.75em;
    margin: 20px 0 28px 0;
}

div.bubble blockquote {
    margin: 0px;
    padding: 0px;
    border: 1px solid #fff;
    background-color: #fff;
    border-radius: 10px;
    padding: 3px;
}

div.bubble blockquote p {
    margin: 3px 10px 6px 10px;
    padding: 0px;
    font-family: Verdana;
    font-size: 11px;
    color: #4F4A4A;
}

div.bubble cite {
    position: relative;
    margin: 0px;
    padding: 7px 0px 0px 6px;
    top: 6px;
    background: transparent url(../images/tip.gif) no-repeat 20px 0;
    font-style: normal;
    color: #fff;
    font-family: Verdana;
    font-size: 12px;
}

div.bubble cite .small {
    font-size: 10px;
}

.photo_album_title a, .photo_album_title a:visited {
    color: #5292F6;
}

a.fb_photoset {
    position: relative;
    z-index: 1000;
}

a.fb_photoset:hover {
    background-color: transparent;
}

#ajax_event img {
    border: 1px solid #333;
}

#ajax_event img.no-border {
    border: none;
}

#ajax_event .site_image {
    color: #7F7F7F;
    text-decoration: none;
}

#ajax_event img.roundedCorners {
    border: none;
}

#ajax_event div.posted_bubble img {
    border: none;
}

.ajax_loading {
    text-align: left;
    width: 100%;
    line-height: 30px;
    color: #AAA;
    font-size: 12px;
    padding-left: 20px;
}

#ajax_event div.ajax_loading img {
    border: none;
}

.date_and_place {
    color: #999999;
    font-size: 10px;
    font-family: Tahoma, sans-serif;
}

span.event_in_month, span.event_in_month a:link, span.event_in_month a:visited, span.event_in_month a:active {
    color: #FFF;
    text-decoration: none;
    font-size: 12px;
    line-height: 23px;
}

span.event_in_month a:hover {
    color: #DC9553;
}

.underline {
    display: inline;
    border-bottom: 1px solid #5F2600;
}

div.comment_heading {
    color: #BFBFBF;
    text-decoration: underline;
    font-size: 12px;
    padding-bottom: 10px;
    font-weight: bold;
}

.emailspacer {
    font-size: 8px;
}

.comment_column1 {
    font-size: 12px;
    color: #BFBFBF;
    float: left;
    padding: 5px 0 5px 0;
    width: 100px;
}

.comment_column2 {
    padding: 5px 0 5px 0;
    font-size: 10px;
    color: #AF4C52;
    position: relative;
    left: 0;
    text-align: left;
}

.comment_column2 input, .comment_column2 textarea {
    border: 1px solid #FFF;
    background-color: #000;
    color: #FFF;
    font-size: 12px;
    font-family: "Trebuchet MS", Trebuchet, Verdana, Sans-Serif;
    margin-right: 10px;
    vertical-align: text-top;
}

.comment_buttons {
    padding: 10px 0 10px 0;
}

#comment_submit_button, #email_submit_button {
    width: 150px;
}

.button {
    height: 20px;
    color: #CCC;
    border-top: 1px solid #FFF;
    border-left: 1px solid #FFF;
    background-color: #151515;
    font-family: "Trebuchet MS", Trebuchet, Verdana, Sans-Serif;
    font-size: 12px;
    padding-left: 20px;
    padding-right: 20px;
}

.month_heading {
    padding-top: 8px;
}

.hidden {
    display: none;
}

.nav {
    text-align: right;
    color: #999;
    font-size: 12px;
}

#ajax_event .nav a:link, #ajax_event .nav a:active, #ajax_event .nav a:visited {
    color: #3CA3FF;
}

div.comment_column2 input, div.comment_column2 textarea {
    color: #DC9553;
    padding: 1px 3px 1px 3px;
    letter-spacing: 1px;
}

div.comment_column2 #code {
    letter-spacing: 3px;
}

div.comment_column2 textarea {
    padding-right: 0;
}

.imageheighthack {
    height: 50px;
}

form#comments_form {
    width: 540px;
}

.allmonths_subheading {
    color: #FFF;
    font-size: 12px;
    padding-bottom: 6px;
}

.singleset {
    float: left;
    width: 120px;
    height: 130px;
    margin: 10px 20px 5px 20px;
    padding: 10px 0 5px 1px;
    background: url("/images/backalbum.jpg") center 0 no-repeat;
    text-align: center;
    overflow: hidden;
}

.singleset .item {
    height:75px;
    width:75px;
    margin:auto;
    overflow:hidden;
}

.singleset a img {
    font-size: 10px;
}

.singlephoto {
    border-bottom: 1px solid #2F2F2F;
    float: left;
    text-align: center;
    width: 98px;
    height: 86px;
    margin: 10px 5px 0 5px;
    padding: 5px 5px 10px 5px;
    font-size: 10px;
    color: #FFF;
    overflow: hidden;
}

.singlephoto:hover {
    background-color: #1F1F1F;
}

.singlephotoname {
    width: 100px;
    height: 15px;
    color: #B9B9B9;
    overflow: hidden;
    white-space: nowrap;
    padding-top: 2px;
}

.setname {
    margin-top: 7px;
    font-size: 13px;
    font-weight: bold;
    color: #5292F6;
    overflow: hidden;
    max-height: 37px;
    display: block;
}

.setname a {
    color: #5292F6;
}

.setphotos {
    color: #666;
    font-size: 9px;
    margin-top: 2px;
}

#ajax_event .albumback {
    height: 30px;
    margin-top: 10px;
    font-size: 12px;
}

#ajax_event .albumback a {
    font-size: 11px;
    font-family: "Trebuchet MS", Trebuchet, Verdana, Sans-Serif;
}

#ajax_event .albumback a:link {
    padding: 0;
    margin: 0;
    font-size: 12px;
    color: #DC9553;
}

#ajax_event div.albumback a:link {
    font-size: 12px;
}

#ajax_event div.albumback a img {
    border: none;
    margin: 0;
    height: 25px;
    width: 30px;
    vertical-align: middle;
    text-decoration: none;
    background-color: #000;
}

#ajax_event div.albumback a:link img {
    background-color: #000; /* hide the underline */
}

#ajax_event div.range_image {
    width: 60px;
    position: absolute;
    margin-left: 500px;
    float: right;
    text-align: right;
    padding-top: 79px;
}

#ajax_event div.range_image img {
    border: none;
}

.new_icon {
    float: left;
    margin: 5px 5px 0 2px;
}

#new-album {
    position: absolute;
}

#new-album img {
    border: medium none;
}

#ajax_event .new_icon img {
    border: none;
}

#scroll {
    position: absolute;
    top: 0;
    bottom: -0.1px;
    width: 1em;
    z-index: -1;
}

.home_loading {
    font-family: Arial, sans-serif;
    font-size: 12px;
    color: #3CA3FF;
    background-color: #000;
    width: 453px;
    text-align: center;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    padding: 6px 0;
}

.home_loading img {
    position: relative;
    top: 2px;
    left: 7px;
}

.home_loading span {
    position: relative;
    top: -2px;
    left: 8px;
    color: #FFF;
}

.home_loading img.pinpoint_map {
    left: -2px;
    margin-bottom: 6px;
}

.home_loading_header {
    display: block;
    margin: 4px 0 3px;
    color: #FFFFFF;
    font-size: 14px;
    font-family: Verdana, Helvetica, sans-serif;
}

.preload-image-placeholder {
    position: absolute;
    left: -5000px;
    height: 100px;
    overflow: hidden;
}

div.list_of_years_text {
    color: #666;
    font-size: 12px;
    margin: 0 0 0 18px;
}

div.list_of_years {
    display: none;
    margin-left: 30px;
}

.no_underline {
    text-decoration: none;
}

.list_of_years {
    font-size: 13px;
    color: #5292F6;
    padding-left: 35px;
}

.list_of_years a, .list_of_years a:active, .list_of_years a:visited {
    color: #5292F6;

}

.list_of_years .dotted {
    color: #FF6600;
}

.list_of_years .year_count {
    font-size: 12px;
}

#tnt_pagination {
    display: block;
    height: 22px;
    clear: both;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: normal;
    background-color: #000;
    padding-bottom: 10px;
    text-align: center;
    padding-top: 14px;
}

#tnt_pagination a:link, #tnt_pagination a:visited {
    padding: 2px 7px;
    margin-left: 10px;
    text-decoration: none;
    color: #0072bc;
    width: 22px;
    font-weight: normal;
    background-color: #000;
    border: 1px solid #333;
}

#tnt_pagination a:hover {
    background-color: #DDEEFF;
    border: 1px solid #BBDDFF;
    color: #0072BC;
}

#tnt_pagination .active_tnt_link {
    padding: 2px 7px;
    border: 1px solid #BBDDFF;
    margin-left: 10px;
    text-decoration: none;
    background-color: #DDEEFF;
    color: #0072BC;
    cursor: default;
}

#tnt_pagination .disabled_tnt_pagination {
    padding: 2px 7px;
    margin-left: 10px;
    text-decoration: none;
    cursor: default;
    background-color: #111;
    color: #333;
    border: 1px solid #333;
}

.setname a:link, .setname a:active, .setname a:visited {
    text-decoration: none;
}

object {
    border: 1px solid #0E0E0E;
}

object.youtube-container {
    border: 1px solid rgb(51, 51, 51);
}

.youtube-preview {
    text-align: center;
    height: 170px;
    margin-top: 10px;
    margin-bottom: 10px;
}

.youtube-preview:hover img {
    cursor: pointer;
}

.youtubePreviewPlaceholder {
    width: 200px;
    height: 164px;
    border: 1px solid #333;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    background: url(/images/embedded-video.jpg) no-repeat center top;
}

.youtubePreviewPlaceholder:hover {
    cursor: pointer;
}

.youtubePreviewPlaceholder .youtubePreviewImage {
    margin-top: 26px;
}

.youtubePreviewPlaceholder .youtubePreviewImage img {
    border: 1px solid #000000;
    margin: auto;
}

.youtubePreviewPlaceholder .youtubePreviewText {
    margin-bottom: 10px;
}

.youtubePreviewPlaceholder .youtubePreviewText a {
    font-size: 12px;
    margin-left: 5px;
    text-decoration: none;
    color: #7C7C7C;
}


.youtube-preview iframe {
    border: 1px solid #7C7C7C;
}

#bubble-base {
    position: relative;
    height: 0;
    width: 200px;
    top: -8px;
    left: -90px;
}

.lb-data .lb-close:hover {
    background-color: transparent;
}

.months_posted {
    letter-spacing: .15em;
    line-height: 21px;
    font-family: "Trebuchet MS", Trebuchet, Verdana, Sans-Serif;
    color: #999;
    height: 21px;
    font-size: 10px;
    font-weight: normal;
    margin-top: 15px;
}

.month-event-author {
    color: #FFF;
    margin-left: -9999px;
    font-size: 12px;
    font-weight: normal;
}

table#navTable {
    width: 300px;
}

#toTop {
    display: none;
    position: fixed;
    bottom: 15px;
    right: 25px;
    width: 40px;
    height: 40px;
    background: transparent url('/images/go-to-top-icon.png') no-repeat;
    opacity: 0.4;
    filter: alpha(opacity=40); /* For IE8 and earlier */
}

#toTop:hover {
    background-color: transparent;
    opacity: 0.8;
    filter: alpha(opacity=80); /* For IE8 and earlier */
}

#recent-events {
    display: none;
}

#ajax_event form#st-search-form input.st-search-input {
    width: 450px;
}

.st-result-listing a {
    color: #5292F6;
}

.st-result-listing a:visited {
    color: #5292F6;
}

.st-result-listing a:hover {
    color: #5292F6;
}

.st-snippet em {
    font-size: 13px;
    font-weight: bold;
    font-style: normal;
    color: #444;
}

div.set-photos {
    text-align: center;
    min-height: 300px;
}

div.set-photos img#set-photos-loading {
    border: 0 solid #000000;
    padding-top: 100px;
}

div.set-photos p.no-photos {
    line-height: normal;
    margin-bottom: -350px;
}

#ajax_event div.bx-wrapper {
    min-height: 295px;
    border: none;
    background: none;
    box-shadow: none;
}

#ajax_event div.bx-wrapper div.bx-viewport ul.bxslider li img {
    border: none;
    margin: auto;
    max-height: 510px;
}

#ajax_event .bx-wrapper .bx-viewport {
    background: transparent;
    border: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    left: 0;
    min-height: 230px;
}

#ajax_event .bx-wrapper .bx-loading {
    background: url(/images/ajaxloader.gif) center center no-repeat #000;
}

#ajax_event .bx-wrapper .bx-pager {
    text-align: left;
}

#ajax_event .bx-wrapper .bx-pager:before {
    content: 'Photo ';
}

#ajax_event .bx-wrapper .bx-controls {
    display: none;
}

#ajax_event .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
    font-size: 12px;
}

#ajax_event .bx-wrapper .bx-prev {
    margin-left: -52px;
}

#ajax_event .bx-wrapper .bx-next {
    margin-right: -52px;
}

#ajax_event .bx-wrapper .bx-controls-direction a {
    opacity: 0.55;
    top: 200px;
}

#ajax_event .bx-wrapper .bx-controls-direction a:hover {
    opacity: 1;
}

#ajax_event .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
    display: none;
}

#ajax_event div#slider {
    margin: 0 20px 30px;
    height: 10px;
    display: none;
}

#ajax_event div#slider span.ui-slider-handle {
    height: 18px;
}

#ajax_event div#all-photos {
    margin-left: 4px;
}

#ajax_event div#view-all-photos, #ajax_event div#view-slideshow {
    text-align: left;
    margin: 20px 0 0;
    height: 30px;
}
#ajax_event div#view-slideshow div.icon {
    display: block;
    float: left;
    background: url('/images/photo-gallery-controls.png') -119px 0 no-repeat;
    width: 30px;
    height: 30px;
}
#ajax_event div#view-all-photos div.icon {
    display: block;
    float: left;
    background: url('/images/photo-gallery-controls.png') 0 0 no-repeat;
    width: 30px;
    height: 30px;
}
#ajax_event div#view-all-photos div.text, #ajax_event div#view-slideshow div.text {
    margin-top: 7px;
    font-size: 13px;
    padding-top: 2px;
}
#ajax_event div.photo-gallery-item {
    float:left;
    width: 170px;
    height: 95px;
    border: 1px solid #808080;
    margin: 5px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 170px;
    -webkit-transition: background-size 0.25s ease;
}
#ajax_event div.photo-gallery-item:hover {
    background-size: 200px;
}
#ajax_event div.photo-gallery-item img {
    width: 170px;
    height: 95px;
}
#ajax_event div.photo-gallery-item a:hover {
    background-color: transparent;
}
#ajax_event div.photo-gallery-last {
    width: 100%;
    height: 1px;
    border: none;
    clear: both;
}

div.singleset a img {
    transition: all .25s ease;
}
div.singleset a img:hover {
    transform: scale(1.1);
}

.weathertable .weather-icon {
    width: 50px;
    height: 41px;
    background-color: #FFFFFF;
    border-radius: 7px;
    padding-top: 8px;
}

.weathertable div {
    font-size: 12px;
    color: #FFF;
    font-family: Verdana, sans-serif;
    line-height: 1.5;
}

.wr-icon-weather-type__svg-moon {
  fill: #b4b4b4;
}

.wr-icon-weather-type__svg-snowflake {
  fill: #969696;
}

.wr-icon-weather-type__svg-hailstone {
  fill: #969696;
}

.wr-icon-weather-type__svg-drizzle {
  fill: #3789c6;
}

.wr-icon-weather-type__svg-raindrop {
  fill: #3789c6;
}

.wr-icon-weather-type__svg-sun {
  fill: #fdc400;
}

.wr-icon-weather-type__svg-partial-sun {
  fill: #fdc400;
}

.wr-icon-weather-type__svg-lightning {
  fill: #6db1de;
}

.wr-icon-weather-type__svg-light-cloud {
  fill: #969696;
}

.wr-icon-weather-type__svg-thick-cloud {
  fill: #000000;
}

.wr-icon-weather-type__svg-partial-moon {
  fill: #b4b4b4;
}

.wr-icon-weather-type__svg-tropical-storm {
  fill: #000000;
}

.wr-icon-weather-type__svg-dash {
  fill: #000000;
}

.wr-icon-weather-type__svg-text {
  fill: #000000;
}

.wr-icon-wind-direction__svg-background {
  fill: #FFFFFF;
}

.wr-icon-wind-direction__svg-disc {
  fill: inherit;
}

.wr-c-observations .wr-c-observations__heading {
  position: relative;
  display: flex !important;
  align-items: center;
}

.wr-c-observations .wr-c-observations__title {
  font-weight: normal;
}

.wr-c-observations .wr-c-observations__divider--grey {
  height: 1px;
  background-color: #ced0d1;
  background-clip: content-box;
}

.wr-c-observations .wr-c-observations__divider--blue {
  display: none;
}

@media (min-width: 63em) {
  .wr-c-observations .wr-c-observations__divider--blue {
    display: inline-block;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: 2px;
    background-color: #067eb2;
  }
}

.wr-c-observations .wr-c-observations__icons {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

@media (min-width: 63em) {
  .wr-c-observations .wr-c-observations__icons {
    text-align: center;
    justify-content: center;
  }
}

.wr-c-observations .wr-c-observations__details {
  display: flex;
  align-items: center;
}

.wr-c-observations .wr-c-observations .wr-hide {
  display: none !important;
}

.wr-c-observations .wr-c-station-data {
  display: flex;
  flex-flow: column wrap;
}

@media (min-width: 37.5em) {
  .wr-c-observations .wr-c-station-data {
    flex-flow: row nowrap;
  }
}

.wr-c-observations .wr-c-station-data__observation {
  display: block;
}

@media (min-width: 37.5em) {
  .wr-c-observations .wr-c-station-data__observation {
    flex: 1 1 33.33%;
    display: inline-block;
    justify-content: space-between;
  }
}

@media (min-width: 63em) {
  .wr-c-observations .wr-c-station-data__observation {
    flex: 1 1 auto;
  }
}

.wr-c-observations .wr-value--temperature {
  display: inline-block;
  padding-left: 16px;
  padding-right: 16px;
  position: relative;
  color: #777777;
}

@media (min-width: 37.5em) {
  .wr-c-observations .wr-value--temperature {
    padding-left: 26px;
    padding-right: 26px;
  }
}

@media (min-width: 63em) {
  .wr-c-observations .wr-value--temperature {
    padding-left: 12px;
    padding-right: 8px;
  }
}

.wr-c-observations .wr-weather-type {
  display: inline-block;
}

.wr-c-observations .wr-weather-type__icon {
  width: 60px;
  height: 60px;
  margin-left: -5px;
}

.wr-c-observations .wr-weather-type__icon svg {
  width: 100%;
  height: 100%;
}

.wr-c-observations .wr-wind-speed {
  display: inline-block;
  position: relative;
  font-weight: bold;
}

.wr-c-observations .wr-wind-speed use.wr-wind-type-wind {
  fill: #ffffff;
}

.wr-c-observations .wr-wind-speed--icon {
  width: 48px;
  height: 48px;
  width: 3rem;
  height: 3rem;
}

.wr-c-observations .wr-wind-speed--icon svg {
  width: inherit;
  height: inherit;
}

.wr-c-observations .wr-wind-speed__value {
  font-size: frac(12px, 16px)0rem;
  color: #000000;
  position: absolute;
  line-height: 48px;
  line-height: 3rem;
  top: 0;
  left: 0;
  right: 0;
  text-align: center;
}