.ct-weather { line-height: 1; }
.ct-weather__list-item { display: inline-block; }
.ct-weather__list-item + .ct-weather__list-item { margin-left: 3em; }
.ct-weather--text-center { text-align: center; }
.ct-weather--text-left { text-align: left; }
.ct-weather--text-right { text-align: left; }
.ct-weather--size-small { font-size: 80%; }
.ct-weather--size-large { font-size: 120%; }
.ct-weather--size-x-large { font-size: 140%; }
.ct-weather--list, .ct-weather--box { display: block; width: 100%; }
.ct-weather--list .ct-weather__list-item, .ct-weather--box .ct-weather__list-item { margin: 0; width: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }
.ct-weather--list .ct-weather__list-item + .ct-weather__list-item, .ct-weather--box .ct-weather__list-item + .ct-weather__list-item { margin-top: 0.5em; padding-top: 0.5em; position: relative; }
.ct-weather--list .ct-weather__list-item + .ct-weather__list-item::before, .ct-weather--box .ct-weather__list-item + .ct-weather__list-item::before { content: ''; display: block; position: absolute; top: 0; left: 0; right: 0; border-bottom: 1px solid currentcolor; opacity: 0.125; }
.ct-weather--list .ct-weather__day, .ct-weather--box .ct-weather__day { -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; }
.ct-weather--list .ct-weather__weather, .ct-weather--box .ct-weather__weather { -webkit-box-flex: 0; -webkit-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; -webkit-align-self: flex-end; -ms-flex-item-align: end; align-self: flex-end; }
.ct-weather--list .ct-weather__title, .ct-weather--box .ct-weather__title { text-align: center; }
.ct-weather__title { text-align: inherit; margin-bottom: 1em !important; }
.ct-weather span[data-sw-icon] { font-size: 130%; margin: 0 0.2em 0 0.4em; }
.ct-weather span[data-sw-icon]::before { position: relative; top: 0.05em; line-height: 1; }

.ct-curent-weather { text-align: center; max-width: 300px; margin: 0 auto; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; position: relative; }
.ct-curent-weather:hover .ct-curent-weather__degrees { opacity: 0; visibility: hidden; }
.ct-curent-weather:hover .ct-curent-weather__details { opacity: 1; visibility: visible; }
.ct-curent-weather__degrees { width: 100%; line-height: 1.1; font-size: 280%; -webkit-transition: all 200ms; transition: all 200ms; }
.ct-curent-weather__details { visibility: hidden; opacity: 0; position: absolute; -webkit-transition: all 200ms; transition: all 200ms; top: -0.25em; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); }
.ct-curent-weather__details > span { display: block; font-size: 75%; line-height: 1.4; text-align: left; }
.ct-curent-weather__details > span em { font-style: normal; display: inline-block; margin-left: 1em; float: right; }
.ct-curent-weather__description { width: 100%; text-transform: capitalize; font-size: 80%; line-height: 1.7; -webkit-align-self: flex-end; -ms-flex-item-align: end; align-self: flex-end; padding-top: 0.5em; margin-top: 0.5em; position: relative; padding-bottom: 2em; }
.ct-curent-weather__description::before { content: ''; top: 0; left: 50%; margin-left: -2em; width: 4em; border-bottom: 1px solid currentcolor; opacity: 0.125; position: absolute; }