.weather {
    width: 250px;
}

.weather img.weather__img {
    width: 20%;
    filter: drop-shadow(0px 0px 8px #222);
}

.weather span, .weather p {
    color: white;
    text-shadow: -1px 1px 0 #000, 1px 1px 0 #000, 1px -1px 0 #000, -1px -1px 0 #000;
}

.weather__widget {
    padding: 15px;
    width: 100%;
    min-height: 134px;
    font-size: 14px;
    color: #fff;
    border-radius: 4px;
    background-color: #EEEEEE;
}
.weather__sub {
	background-color: #EEEEEE;
	background: url(../img/input.jpg);
	background-size: 100%;
	padding: 15px;
	width: 190px;
	height: 345px;
	font-size: 14px;
	color: #fff;
	border-radius: 15px;
}
.weather__img {
	width: 75px;
	height: 75px;
	float: right;
}
.weather__name-city {
    text-shadow: black 0.0em 0.0em 0.2em;
    vertical-align: 1px;
    cursor: default;
	font-weight: 500;
}
.weather__checkbox {
	cursor: pointer;
}
.weather__main-temp {
	font-size: 22px;
}
.weather__input {
	border: none;
	border-bottom: 2px solid #729AB9;
	background-color: rgba(0,0,0,0);
	color: #fff;
	text-shadow: black 0.0em 0.0em 0.2em;	
	width: 100%;
	margin-bottom: 5px;
}
.weather__wrapper {
    position: relative;
    top: 0px;
    text-shadow: black 0em 0em 6px;
    color: #fff;
    font-weight: 900;
}
.weather__input:focus {
	outline: none;
}
.weather__info {
	line-height: 20px;
}
.weather__input__label {
	text-shadow: black 0.0em 0.0em 0.2em;	
}

@media( max-width: 1025px){
    .weather {
        display: none;
    }
}