.wpcf7 .screen-reader-response { position: absolute; overflow: hidden; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%); height: 1px; width: 1px; margin: -1px; padding: 0; border: 0; word-wrap: normal !important; } .wpcf7 form .wpcf7-response-output { margin: 2em 0.5em 1em; padding: 0.2em 1em; border: 2px solid #00a0d2; /* Blue */ } .wpcf7 form.init .wpcf7-response-output, .wpcf7 form.resetting .wpcf7-response-output, .wpcf7 form.submitting .wpcf7-response-output { display: none; } .wpcf7 form.sent .wpcf7-response-output { border-color: #46b450; /* Green */ } .wpcf7 form.failed .wpcf7-response-output, .wpcf7 form.aborted .wpcf7-response-output { border-color: #dc3232; /* Red */ } .wpcf7 form.spam .wpcf7-response-output { border-color: #f56e28; /* Orange */ } .wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output { border-color: #ffb900; /* Yellow */ } .wpcf7-form-control-wrap { position: relative; } .wpcf7-not-valid-tip { color: #dc3232; /* Red */ font-size: 1em; font-weight: normal; display: block; } .use-floating-validation-tip .wpcf7-not-valid-tip { position: relative; top: -2ex; left: 1em; z-index: 100; border: 1px solid #dc3232; background: #fff; padding: .2em .8em; width: 24em; } .wpcf7-list-item { display: inline-block; margin: 0 0 0 1em; } .wpcf7-list-item-label::before, .wpcf7-list-item-label::after { content: " "; } .wpcf7-spinner { visibility: hidden; display: inline-block; background-color: #23282d; /* Dark Gray 800 */ opacity: 0.75; width: 24px; height: 24px; border: none; border-radius: 100%; padding: 0; margin: 0 24px; position: relative; } form.submitting .wpcf7-spinner { visibility: visible; } .wpcf7-spinner::before { content: ''; position: absolute; background-color: #fbfbfc; /* Light Gray 100 */ top: 4px; left: 4px; width: 6px; height: 6px; border: none; border-radius: 100%; transform-origin: 8px 8px; animation-name: spin; animation-duration: 1000ms; animation-timing-function: linear; animation-iteration-count: infinite; } @media (prefers-reduced-motion: reduce) { .wpcf7-spinner::before { animation-name: blink; animation-duration: 2000ms; } } @keyframes spin { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } @keyframes blink { from { opacity: 0; } 50% { opacity: 1; } to { opacity: 0; } } .wpcf7 [inert] { opacity: 0.5; } .wpcf7 input[type="file"] { cursor: pointer; } .wpcf7 input[type="file"]:disabled { cursor: default; } .wpcf7 .wpcf7-submit:disabled { cursor: not-allowed; } .wpcf7 input[type="url"], .wpcf7 input[type="email"], .wpcf7 input[type="tel"] { direction: ltr; } .wpcf7-reflection > output { display: list-item; list-style: none; } .wpcf7-reflection > output[hidden] { display: none; }/*! This file is auto-generated */ .wp-color-picker{width:80px;direction:ltr}.wp-picker-container .hidden{display:none}.wp-picker-container .wp-color-result.button{min-height:30px;margin:0 6px 6px 0;padding:0 0 0 30px;font-size:11px}.wp-color-result-text{background:#f6f7f7;border-radius:0 2px 2px 0;border-left:1px solid #c3c4c7;color:#50575e;display:block;line-height:2.54545455;padding:0 6px;text-align:center}.wp-color-result:focus,.wp-color-result:hover{background:#f6f7f7;border-color:#8c8f94;color:#1d2327}.wp-color-result:focus:after,.wp-color-result:hover:after{color:#1d2327;border-color:#a7aaad;border-left:1px solid #8c8f94}.wp-picker-container{display:inline-block}.wp-color-result:focus{border-color:#4f94d4;box-shadow:0 0 3px rgba(34,113,177,.8)}.wp-color-result:active{transform:none!important}.wp-picker-open+.wp-picker-input-wrap{display:inline-block;vertical-align:top}.wp-picker-input-wrap label{display:inline-block;vertical-align:top}.form-table .wp-picker-input-wrap label{margin:0!important}.wp-customizer .wp-picker-input-wrap .button.wp-picker-clear,.wp-customizer .wp-picker-input-wrap .button.wp-picker-default,.wp-picker-input-wrap .button.wp-picker-clear,.wp-picker-input-wrap .button.wp-picker-default{margin-left:6px;padding:0 8px;line-height:2.54545455;min-height:30px}.wp-picker-container .iris-square-slider .ui-slider-handle:focus{background-color:#50575e}.wp-picker-container .iris-picker{border-radius:0;border-color:#dcdcde;margin-top:6px}.wp-picker-container input[type=text].wp-color-picker{width:4rem;font-size:12px;font-family:monospace;line-height:2.33333333;margin:0;padding:0 5px;vertical-align:top;min-height:30px}.wp-color-picker::-webkit-input-placeholder{color:#646970}.wp-color-picker::-moz-placeholder{color:#646970;opacity:1}.wp-color-picker:-ms-input-placeholder{color:#646970}.wp-picker-container input[type=text].iris-error{background-color:#fcf0f1;border-color:#d63638;color:#000}.iris-picker .iris-strip .ui-slider-handle:focus,.iris-picker .ui-square-handle:focus{border-color:#3582c4;border-style:solid;box-shadow:0 0 0 1px #3582c4;outline:2px solid transparent}.iris-picker .iris-palette:focus{box-shadow:0 0 0 2px #3582c4}@media screen and (max-width:782px){.wp-picker-container input[type=text].wp-color-picker{width:5rem;font-size:16px;line-height:1.875;min-height:32px}.wp-customizer .wp-picker-container input[type=text].wp-color-picker{padding:0 5px}.wp-picker-input-wrap .button.wp-picker-clear,.wp-picker-input-wrap .button.wp-picker-default{padding:0 8px;line-height:2.14285714;min-height:32px}.wp-customizer .wp-picker-input-wrap .button.wp-picker-clear,.wp-customizer .wp-picker-input-wrap .button.wp-picker-default{padding:0 8px;font-size:14px;line-height:2.14285714;min-height:32px}.wp-picker-container .wp-color-result.button{padding:0 0 0 40px;font-size:14px;line-height:2.14285714}.wp-customizer .wp-picker-container .wp-color-result.button{font-size:14px;line-height:2.14285714}.wp-picker-container .wp-color-result-text{padding:0 14px;font-size:inherit;line-height:inherit}.wp-customizer .wp-picker-container .wp-color-result-text{padding:0 10px}}/* Colorbox Core Style: The following CSS is consistent between example themes and should not be altered. */ #colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:visible;} #cboxWrapper {max-width:none;} #cboxOverlay{position:fixed; width:100%; height:100%;} #cboxMiddleLeft, #cboxBottomLeft{clear:left;} #cboxContent{position:relative;} #cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;} #cboxTitle{margin:0;} #cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;} #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;} .cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;} .cboxIframe{width:100%; height:100%; display:block; border:0; padding:0; margin:0;} #colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;} /* User Style: Change the following styles to modify the appearance of Colorbox. They are ordered & tabbed in a way that represents the nesting of the generated HTML. */ #cboxOverlay{background:#000; opacity: 0.9; filter: alpha(opacity = 90);} #colorbox{outline:0;} #cboxContent{margin-top:20px;background:#000;} .cboxIframe{background:#fff;} #cboxError{padding:50px; border:1px solid #ccc;} #cboxLoadedContent{border:5px solid #000; background:#fff;} #cboxTitle{position:absolute; top:-20px; left:0; color:#ccc;} #cboxCurrent{position:absolute; top:-20px; right:0px; color:#ccc;} #cboxLoadingGraphic{background:url(//lugaresdetenerife.com/wp-content/plugins/wcp-openweather/assets/libs/colorbox/images/loading.gif) no-repeat center center;} /* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */ #cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; width:auto; background:none; } /* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */ #cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;} #cboxSlideshow{position:absolute; top:-20px; right:90px; color:#fff;} #cboxPrevious{position:absolute; top:50%; left:5px; margin-top:-32px; background:url(//lugaresdetenerife.com/wp-content/plugins/wcp-openweather/assets/libs/colorbox/images/controls.png) no-repeat top left; width:28px; height:65px; text-indent:-9999px;} #cboxPrevious:hover{background-position:bottom left;} #cboxNext{position:absolute; top:50%; right:5px; margin-top:-32px; background:url(//lugaresdetenerife.com/wp-content/plugins/wcp-openweather/assets/libs/colorbox/images/controls.png) no-repeat top right; width:28px; height:65px; text-indent:-9999px;} #cboxNext:hover{background-position:bottom right;} #cboxClose{position:absolute; top:5px; right:5px; display:block; background:url(//lugaresdetenerife.com/wp-content/plugins/wcp-openweather/assets/libs/colorbox/images/controls.png) no-repeat bottom center; width:38px; height:19px; text-indent:-9999px; border: 0 none !important; border-radius: 0 !important; box-shadow: none !important; } #cboxClose:hover{opacity: 0.8;} /*-----------------------------------------------------------------*/ /*--- Media Queries Styles ---*/ /*-----------------------------------------------------------------*/ /*-----------------------------------------------------------------*/ /*---------- Styles for mobile 0 - 767px --------*/ /*-----------------------------------------------------------------*/ @media only screen and (min-width: 0) and (max-width: 767px) { #cboxClose { background: url(//lugaresdetenerife.com/wp-content/plugins/wcp-openweather/assets/libs/colorbox/images/controls.png) no-repeat scroll center bottom / 84px auto; height: 16px; width: 34px; } }/*--------------------------------------------------------------*/ /*-- CSS Document --*/ /*-- Copyright (c) 2015. WebCodin --*/ /*-- @author WebCodin --*/ /*--------------------------------------------------------------*/ /*--------------------------------------------------------------*/ /*--- WCP OpenWeather Font Face Including ---*/ /*--------------------------------------------------------------*/ /*------------------------------------------------------*/ /*--- WCP OpenWeather Font Family :: [Roboto] :: Regular ---*/ /*------------------------------------------------------*/ @font-face { font-family: 'Roboto-Regular'; src: url(//lugaresdetenerife.com/wp-content/plugins/wcp-openweather/assets/fonts/roboto-regular.eot); src: url(//lugaresdetenerife.com/wp-content/plugins/wcp-openweather/assets/fonts/roboto-regular.eot?#iefix) format('embedded-opentype'), url(//lugaresdetenerife.com/wp-content/plugins/wcp-openweather/assets/fonts/roboto-regular.woff) format('woff'), url(//lugaresdetenerife.com/wp-content/plugins/wcp-openweather/assets/fonts/roboto-regular.ttf) format('truetype'), url(//lugaresdetenerife.com/wp-content/plugins/wcp-openweather/assets/fonts/roboto-regular.svg#Roboto-Regular) format('svg'); } /*------------------------------------------------------*/ /*--- WCP OpenWeather Font Family :: [Roboto] :: Bold ---*/ /*------------------------------------------------------*/ @font-face { font-family: 'Roboto-Bold'; src: url(//lugaresdetenerife.com/wp-content/plugins/wcp-openweather/assets/fonts/roboto-bold.eot); src: url(//lugaresdetenerife.com/wp-content/plugins/wcp-openweather/assets/fonts/roboto-bold.eot?#iefix) format('embedded-opentype'), url(//lugaresdetenerife.com/wp-content/plugins/wcp-openweather/assets/fonts/roboto-bold.woff) format('woff'), url(//lugaresdetenerife.com/wp-content/plugins/wcp-openweather/assets/fonts/roboto-bold.ttf) format('truetype'), url(//lugaresdetenerife.com/wp-content/plugins/wcp-openweather/assets/fonts/roboto-bold.svg#Roboto-Bold) format('svg'); } /*-----------------------------------------------------------------*/ /*--- WCP OpenWeather Custom Fonts ---*/ /*-----------------------------------------------------------------*/ .wcp-openweather-settings-popup .wcp-openweather-settings-title, .wcp-openweather-settings-popup .wcp-openweather-settings-section-title, .wcp-openweather-settings-popup .wcp-openweather-settings-actions .wcp-openweather-settings-btn { font-family: 'Roboto-Bold', Arial, sans-serif; font-weight: normal !important; font-style: normal !important; } .wcp-openweather-settings-popup { font-family: 'Roboto-Regular', Arial, sans-serif; font-weight: normal !important; font-style: normal !important; } /*--------------------------------------------------------------*/ /*--- WCP OpenWeather Options Popup Styles ---*/ /*--------------------------------------------------------------*/ .wcp-openweather-settings-popup { padding: 12px 15px 15px; background: #fff; color: #333; text-align: left !important; } .wcp-openweather-settings-popup .wcp-openweather-settings-title { border-bottom: 1px solid #cfcfcf; display: block; font-size: 20px; line-height: 22px; margin: 0 0 12px; padding: 0 0 7px; } .wcp-openweather-settings-popup .wcp-openweather-settings-form { border: 0; margin: 0; padding: 0; width: 100%; overflow: hidden; } .wcp-openweather-settings-popup .wcp-openweather-settings-section { margin: 0; padding: 0 0 12px 0; } .wcp-openweather-settings-popup .wcp-openweather-settings-section-title { display: block; font-size: 16px; line-height: 16px; margin: 0; padding: 0 0 5px; } .wcp-openweather-settings-popup .wcp-openweather-settings-section input[type="text"], .wcp-openweather-settings-popup .wcp-openweather-settings-section select, .wcp-openweather-settings-popup .wcp-openweather-settings-section textarea { font-family: 'Roboto-Regular', Arial, sans-serif; font-weight: normal !important; font-style: normal !important; background: #fff; border: 1px solid #cfcfcf; border-radius: 0; box-sizing: border-box; color: #333; font-size: 14px; line-height: 17px; height: 32px; margin: 0; padding: 7px 8px 6px; width: 100%; box-shadow: none !important; } .wcp-openweather-settings-popup .wcp-openweather-settings-section input[type="text"] { -webkit-appearance: none; } .wcp-openweather-settings-popup .wcp-openweather-settings-section input::-webkit-input-placeholder { color: #999; padding: 1px 0 0 0; } .wcp-openweather-settings-popup .wcp-openweather-settings-section input:-ms-input-placeholder { color: #999; } .wcp-openweather-settings-popup .wcp-openweather-settings-section input:-moz-placeholder { opacity: 1; color: #999;} .wcp-openweather-settings-popup .wcp-openweather-settings-section input::-moz-placeholder { opacity: 1; color: #999; } .wcp-openweather-settings-popup .wcp-openweather-settings-section select { padding: 5px 8px; line-height: 32px; } .wcp-openweather-settings-popup .wcp-openweather-settings-section textarea { padding: 5px 8px; } .wcp-openweather-settings-popup .wcp-openweather-settings-field { margin: 0; padding: 0; line-height: 19px; } .wcp-openweather-settings-popup .wcp-openweather-settings-label { display: inline-block; font-size: 14px; line-height: 14px; padding: 0 0 5px; margin: 0; color: #333; vertical-align: baseline; } .wcp-openweather-settings-popup .wcp-openweather-settings-description { display: block; font-size: 12px; line-height: 14px; margin: 0; padding: 2px 0 0; color: #333; } .wcp-openweather-settings-popup .wcp-openweather-settings-description a { font-size: 12px; margin: 0; padding: 0; color: #03a9f4; text-decoration: underline; outline: none; border: 0; } .wcp-openweather-settings-popup .wcp-openweather-settings-description a:hover { font-size: 12px; margin: 0; padding: 0; color: #03a9f4; text-decoration: none; outline: none; border: 0; } .wcp-openweather-settings-popup .wcp-openweather-settings-section.wcp-openweather-settings-units { width: 102%; margin-left: -2%; display: table; } .wcp-openweather-settings-popup .wcp-openweather-settings-section.wcp-openweather-settings-units .wcp-openweather-settings-section-title { width: 100%; float: left; padding-left: 2%; } .wcp-openweather-settings-popup .wcp-openweather-settings-section.wcp-openweather-settings-units .wcp-openweather-settings-field { float: left; width: 33.33%; padding: 0 0 0 2%; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } .wcp-openweather-settings-popup .wcp-openweather-settings-section.wcp-openweather-settings-options .wcp-openweather-settings-field { width: 100%; overflow: hidden; padding-top: 6px; line-height: 16px; } .wcp-openweather-settings-popup .wcp-openweather-settings-section.wcp-openweather-settings-options .wcp-openweather-settings-field label { line-height: 15px; max-width: 95%; padding: 0; vertical-align: top; } .wcp-openweather-settings-popup .wcp-openweather-settings-section.wcp-openweather-settings-options .wcp-openweather-settings-field input[type="checkbox"] { float: left; padding: 0; margin: 1px 5px 0 0; height: auto; min-width: inherit; width: auto !important; position: static; } .wcp-openweather-settings-popup .wcp-openweather-settings-actions { width: 100%; overflow: hidden; padding: 2px 0 0 0; margin: 0; } .wcp-openweather-settings-popup .wcp-openweather-settings-actions .wcp-openweather-settings-btn { float: left; background: #959595 !important; border: 0 none !important; border-radius: 0 !important; box-shadow: none !important; color: #fff; cursor: pointer; font-size: 14px !important; line-height: 15px !important; margin: 0 0 0 15px; min-height: 33px; min-width: 160px; outline: none !important; padding: 9px 15px; text-shadow: none !important; text-transform: uppercase; text-align: center; vertical-align: bottom; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; text-decoration: none !important; word-wrap: break-word; } .wcp-openweather-settings-popup .wcp-openweather-settings-actions #submit { background: #03a9f4 !important; font-family: 'Roboto-Bold', Arial, sans-serif !important; } .wcp-openweather-settings-popup .wcp-openweather-settings-actions input[type="submit"].wcp-openweather-settings-btn { line-height: 13px; -webkit-appearance: none; } .wcp-openweather-settings-popup .wcp-openweather-settings-actions .wcp-openweather-settings-btn:first-child { margin: 0; background: #03a9f4 !important; } .wcp-openweather-settings-popup .wcp-openweather-settings-actions .wcp-openweather-settings-btn:hover, .wcp-openweather-settings-popup .wcp-openweather-settings-actions #submit:hover { background: #03a9f4; opacity: 0.8; text-decoration: none !important; } /*-----------------------------------------------------------------*/ /*--- Media Queries Styles ---*/ /*-----------------------------------------------------------------*/ /*-----------------------------------------------------------------*/ /*---------- Styles for mobile 0 - 767px --------*/ /*-----------------------------------------------------------------*/ @media only screen and (min-width: 0) and (max-width: 767px) { .wcp-openweather-settings-popup { padding: 9px 12px 12px; } .wcp-openweather-settings-popup .wcp-openweather-settings-label { padding: 0 0 3px; } .wcp-openweather-settings-popup .wcp-openweather-settings-section.wcp-openweather-settings-units { width: 100%; margin-left: 0; display: block; } .wcp-openweather-settings-popup .wcp-openweather-settings-section.wcp-openweather-settings-units .wcp-openweather-settings-section-title { float: none; padding-left: 0; } .wcp-openweather-settings-popup .wcp-openweather-settings-section.wcp-openweather-settings-units .wcp-openweather-settings-field { float: none; width: 100%; padding: 0; } .wcp-openweather-settings-popup .wcp-openweather-settings-section.wcp-openweather-settings-options .wcp-openweather-settings-field label { max-width: 80%; } .wcp-openweather-settings-popup .wcp-openweather-settings-actions .wcp-openweather-settings-btn { display: block; float: none; width: 100%; margin: 7px 0 0 0; } .wcp-openweather-settings-popup .wcp-openweather-settings-actions .wcp-openweather-settings-btn:first-child { margin-top: 0; } .wcp-openweather-settings-popup .wcp-openweather-settings-section.wcp-openweather-settings-options .wcp-openweather-settings-field input[type="checkbox"] { margin: 0 5px 0 0; } }/*--------------------------------------------------------------*/ /*-- WCP OpenWeather CSS Document --*/ /*-- Copyright (c) 2015. WebCodin --*/ /*-- @author WebCodin --*/ /*--------------------------------------------------------------*/ /*--------------------------------------------------------------*/ /*--- WCP OpenWeather Font Face Including ---*/ /*--------------------------------------------------------------*/ /*------------------------------------------------------*/ /*--- WCP OpenWeather Font Family :: [Roboto] :: Regular ---*/ /*------------------------------------------------------*/ @font-face { font-family: 'Roboto-Regular'; src: url(//lugaresdetenerife.com/wp-content/plugins/wcp-openweather/theme/default/assets/fonts/roboto-regular.eot); src: url(//lugaresdetenerife.com/wp-content/plugins/wcp-openweather/theme/default/assets/fonts/roboto-regular.eot?#iefix) format('embedded-opentype'), url(//lugaresdetenerife.com/wp-content/plugins/wcp-openweather/theme/default/assets/fonts/roboto-regular.woff) format('woff'), url(//lugaresdetenerife.com/wp-content/plugins/wcp-openweather/theme/default/assets/fonts/roboto-regular.ttf) format('truetype'), url(//lugaresdetenerife.com/wp-content/plugins/wcp-openweather/theme/default/assets/fonts/roboto-regular.svg#Roboto-Regular) format('svg'); } /*------------------------------------------------------*/ /*--- WCP OpenWeather Font Family :: [Roboto] :: Bold ---*/ /*------------------------------------------------------*/ @font-face { font-family: 'Roboto-Bold'; src: url(//lugaresdetenerife.com/wp-content/plugins/wcp-openweather/theme/default/assets/fonts/roboto-bold.eot); src: url(//lugaresdetenerife.com/wp-content/plugins/wcp-openweather/theme/default/assets/fonts/roboto-bold.eot?#iefix) format('embedded-opentype'), url(//lugaresdetenerife.com/wp-content/plugins/wcp-openweather/theme/default/assets/fonts/roboto-bold.woff) format('woff'), url(//lugaresdetenerife.com/wp-content/plugins/wcp-openweather/theme/default/assets/fonts/roboto-bold.ttf) format('truetype'), url(//lugaresdetenerife.com/wp-content/plugins/wcp-openweather/theme/default/assets/fonts/roboto-bold.svg#Roboto-Bold) format('svg'); } /*------------------------------------------------------*/ /*--- WCP OpenWeather Font Family :: [Dosis] :: Bold ---*/ /*------------------------------------------------------*/ @font-face { font-family: 'Dosis-Bold'; src: url(//lugaresdetenerife.com/wp-content/plugins/wcp-openweather/theme/default/assets/fonts/dosis-bold.eot); src: url(//lugaresdetenerife.com/wp-content/plugins/wcp-openweather/theme/default/assets/fonts/dosis-bold.eot?#iefix) format('embedded-opentype'), url(//lugaresdetenerife.com/wp-content/plugins/wcp-openweather/theme/default/assets/fonts/dosis-bold.woff) format('woff'), url(//lugaresdetenerife.com/wp-content/plugins/wcp-openweather/theme/default/assets/fonts/dosis-bold.ttf) format('truetype'), url(//lugaresdetenerife.com/wp-content/plugins/wcp-openweather/theme/default/assets/fonts/dosis-bold.svg#Dosis-Bold) format('svg'); } /*------------------------------------------------------*/ /*--- WCP OpenWeather Font Family :: [WCP Icons Fonts] :: Icons ---*/ /*------------------------------------------------------*/ @font-face { font-family: 'wcp-ow-icons'; src: url(//lugaresdetenerife.com/wp-content/plugins/wcp-openweather/theme/default/assets/fonts/wcp-ow-icon.eot); src: url(//lugaresdetenerife.com/wp-content/plugins/wcp-openweather/theme/default/assets/fonts/wcp-ow-icon.eot?#iefix) format('embedded-opentype'), url(//lugaresdetenerife.com/wp-content/plugins/wcp-openweather/theme/default/assets/fonts/wcp-ow-icon.woff) format('woff'), url(//lugaresdetenerife.com/wp-content/plugins/wcp-openweather/theme/default/assets/fonts/wcp-ow-icon.ttf) format('truetype'), url(//lugaresdetenerife.com/wp-content/plugins/wcp-openweather/theme/default/assets/fonts/wcp-ow-icon.svg#wcp-ow-icons) format('svg'); } /*-----------------------------------------------------------------*/ /*--- WCP OpenWeather Custom Fonts ---*/ /*-----------------------------------------------------------------*/ .wcp-openweather-default-widget .wcp-openweather-content .wcp-openweather-now-wrapper .wcp-openweather-now-temperature .wcp-openweather-now-value, .wcp-openweather-default-shortcode .wcp-openweather-content .wcp-openweather-content-tbl .wcp-openweather-now-temperature-wrapper .wcp-openweather-now-value { font-family: 'Dosis-Bold', Arial, sans-serif; font-weight: normal !important; font-style: normal !important; } .wcp-openweather-default-widget .wcp-openweather-content .wcp-openweather-city-wrapper .wcp-openweather-city, .wcp-openweather-default-shortcode .wcp-openweather-content .wcp-openweather-city-wrapper .wcp-openweather-city, .wcp-openweather-default-widget .wcp-openweather-content .wcp-openweather-forecast-wrapper .wcp-openweather-forecast-header .wcp-openweather-forecast-day, .wcp-openweather-default-shortcode .wcp-openweather-content .wcp-openweather-forecast-content .wcp-openweather-forecast-header th, .wcp-openweather-default-shortcode .wcp-openweather-content .wcp-openweather-now-details .wcp-openweather-now-details-row .wcp-openweather-now-details-title, .wcp-openweather-default-widget.wcp-openweather-default-mini .wcp-openweather-content .wcp-openweather-forecast-tbl .wcp-openweather-forecast-header th, .wcp-openweather-default-shortcode.wcp-openweather-default-compact .wcp-openweather-content .wcp-openweather-forecast-wrapper .wcp-openweather-forecast-header .wcp-openweather-forecast-day, .wcp-openweather-default-shortcode .wcp-openweather-content .wcp-openweather-forecast-content .wcp-openweather-forecast-header th span { font-family: 'Roboto-Bold', Arial, sans-serif; font-weight: normal !important; font-style: normal !important; } .wcp-openweather-default-shortcode .wcp-openweather-content .wcp-openweather-forecast-content, .wcp-openweather-default-widget .wcp-openweather-content .wcp-openweather-forecast-wrapper .wcp-openweather-forecast-header .wcp-openweather-forecast-day .wcp-openweather-forecast-item-date, .wcp-openweather-default-shortcode.wcp-openweather-default-compact .wcp-openweather-content .wcp-openweather-forecast-wrapper .wcp-openweather-forecast-header .wcp-openweather-forecast-day .wcp-openweather-forecast-item-date { font-family: 'Roboto-Regular', Arial, sans-serif; font-weight: normal !important; font-style: normal !important; } /*-----------------------------------------------------------------*/ /*--- WCP OpenWeather Icons Fonts ---*/ /*-----------------------------------------------------------------*/ [class^="wcp-ow-icon-"], [class*=" wcp-ow-icon-"] { display: inline-block; font-family: 'wcp-ow-icons' !important; font-style: normal !important; font-weight: normal !important; font-variant: normal !important; text-transform: none !important; speak: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .wcp-ow-icon-arrow-down:before { content: "\f044"; } .wcp-ow-icon-refresh:before { content: "\f021"; } .wcp-ow-icon-cog:before { content: "\e602"; } .wcp-ow-icon-raindrop:before { content: "\2d"; } .wcp-ow-icon-wind:before { content: "\7c"; } /*--------------------------------------------------------------*/ .wcp-openweather-visible-xs { display: none; } /*--------------------------------------------------------------*/ /*--- WCP OpenWeather Widget Canvas Styles ---*/ /*--------------------------------------------------------------*/ .wcp-openweather-default-widget { font: 12px/14px 'Roboto-Regular', Arial, sans-serif; background: #cfd8dc; width: 100%; box-sizing: border-box; -webkit-box-sizing: border-box; color: #263238; } .wcp-openweather-default-widget div, .wcp-openweather-default-widget span { font-family: 'Roboto-Regular', Arial, sans-serif; } .wcp-openweather-default-widget .wcp-openweather-container { padding: 0 15px; margin: 0; overflow: hidden; box-sizing: border-box; -webkit-box-sizing: border-box; } /*--------------------------------------------------------------*/ /*--- WCP OpenWeather Widget Header Styles ---*/ /*--------------------------------------------------------------*/ .wcp-openweather-default-widget .wcp-openweather-header { margin: 0; padding: 0; } .wcp-openweather-default-widget .wcp-openweather-header .wcp-openweather-header-wrapper { background: rgba(255,255,255,0.30); height: 24px; margin: 0; } .wcp-openweather-default-widget .wcp-openweather-header .wcp-openweather-header-wrapper .wcp-openweather-container { padding-top: 5px; padding-bottom: 5px; } .wcp-openweather-default-widget .wcp-openweather-header .wcp-openweather-day-wrapper { padding: 0 42px 0 0; margin: 0; } .wcp-openweather-default-widget .wcp-openweather-header .wcp-openweather-day-wrapper .wcp-openweather-day { display: block; font-size: 12px; line-height: 14px; text-align: left; text-transform: uppercase; } .wcp-openweather-default-widget .wcp-openweather-header .wcp-openweather-options-wrapper { float: right; width: 40px; } .wcp-openweather-default-widget .wcp-openweather-header .wcp-openweather-options, .wcp-openweather-default-widget .wcp-openweather-header .wcp-openweather-refresh { float: right; } .wcp-openweather-default-widget .wcp-openweather-header .wcp-openweather-options-wrapper { position: relative; } .wcp-openweather-default-widget .wcp-openweather-header .wcp-openweather-options { padding-left: 9px; } .wcp-openweather-default-widget .wcp-openweather-header .wcp-openweather-options .wcp-openweather-settings-icon, .wcp-openweather-default-widget .wcp-openweather-header .wcp-openweather-refresh .wcp-openweather-refresh-icon { color: #263238; display: block; width: 14px; height: 14px; font-size: 15px; line-height: 14px; outline: none; text-decoration: none; padding: 0; margin: 0; border: 0; background: none; } .wcp-openweather-default-widget .wcp-openweather-header .wcp-openweather-options .wcp-openweather-settings-icon:hover, .wcp-openweather-default-widget .wcp-openweather-header .wcp-openweather-refresh .wcp-openweather-refresh-icon:hover { color: inherit; width: 14px; height: 14px; font-size: 15px; line-height: 14px; outline: none; text-decoration: none; padding: 0; margin: 0; border: 0; background: none; opacity: 0.7; } .wcp-openweather-default-widget .wcp-openweather-header .wcp-openweather-refresh .wcp-openweather-refresh-icon .wcp-ow-icon-refresh { font-size: 15px; line-height: 14px; color: #263238; } .wcp-openweather-default-widget .wcp-openweather-header .wcp-openweather-refresh .wcp-openweather-refresh-icon .wcp-ow-icon-refresh.fa-spin { -webkit-animation: fa-spin 2s infinite linear; animation: fa-spin 1s infinite linear; width: 13px; } .wcp-openweather-default-widget .wcp-openweather-header .wcp-openweather-options .wcp-openweather-settings-icon .wcp-ow-icon-cog { font-size: 18px; line-height: 14px; margin-left: -2px; color: #263238; } /*--------------------------------------------------------------*/ .wcp-openweather-default-widget .wcp-openweather-header .wcp-openweather-options .wcp-openweather-settings { display: none; } /*--------------------------------------------------------------*/ /*--- WCP OpenWeather Widget Content Styles ---*/ /*--------------------------------------------------------------*/ .wcp-openweather-default-widget .wcp-openweather-content { padding: 0; margin: 0; } .wcp-openweather-default-widget .wcp-openweather-content > .wcp-openweather-container { padding-top: 14px; padding-bottom: 14px; margin: 0; } .wcp-openweather-default-widget .wcp-openweather-content .wcp-openweather-city-wrapper { text-align: left; margin: 0; } .wcp-openweather-default-widget .wcp-openweather-content .wcp-openweather-city-wrapper .wcp-openweather-city { font-size: 16px; line-height: 18px; text-transform: uppercase; hyphens: none; -moz-hyphens: none; -webkit-hyphens: none; -ms-hyphens: none; word-wrap: break-word; -moz-word-wrap: break-word; -webkit-word-wrap: break-word; -ms-word-wrap: break-word; } /*--------------------------------------------------------------*/ .wcp-openweather-default-widget .wcp-openweather-content .wcp-openweather-now-wrapper { padding: 5px 0 0 0; margin: 0; width: 100%; overflow: hidden; } .wcp-openweather-default-widget .wcp-openweather-content .wcp-openweather-now-wrapper .wcp-openweather-now, .wcp-openweather-default-widget .wcp-openweather-content .wcp-openweather-now-wrapper .wcp-openweather-now-details { float: left; } .wcp-openweather-default-widget .wcp-openweather-content .wcp-openweather-now-wrapper .wcp-openweather-now { min-width: 120px; margin: 0; padding: 0; } .wcp-openweather-default-widget .wcp-openweather-content .wcp-openweather-now-wrapper .wcp-openweather-now-temperature { width: 100%; overflow: hidden; padding: 0; margin: 0; } .wcp-openweather-default-widget .wcp-openweather-content .wcp-openweather-now-wrapper .wcp-openweather-now-temperature .wcp-openweather-now-value, .wcp-openweather-default-widget .wcp-openweather-content .wcp-openweather-now-wrapper .wcp-openweather-now-temperature .wcp-openweather-now-icon { float: left; } .wcp-openweather-default-widget .wcp-openweather-content .wcp-openweather-now-wrapper .wcp-openweather-now-temperature .wcp-openweather-now-value { max-width: 110px; font-size: 50px; line-height: 50px; text-transform: uppercase; } .wcp-openweather-default-widget .wcp-openweather-content .wcp-openweather-now-wrapper .wcp-openweather-now-temperature .wcp-openweather-now-value .wcp-openweather-now-value-deg { position: relative; top: 1px !important; bottom: 0 !important; font-size: 30px; line-height: 0; height: 0; vertical-align: super; } .wcp-openweather-default-widget .wcp-openweather-content .wcp-openweather-now-wrapper .wcp-openweather-now-temperature .wcp-openweather-now-icon { height: 47px; margin: 2px 0 0; padding: 0; vertical-align: middle; width: 47px; } .wcp-openweather-default-widget .wcp-openweather-content .wcp-openweather-now-wrapper .wcp-openweather-now-temperature .wcp-openweather-now-icon img { display: block; background: none !important; margin: 0 !important; padding: 0 !important; border: 0 !important; max-width: 100% !important; height: auto !important; border-radius: 0 !important; -moz-border-radius: 0 !important; -webkit-border-radius: 0 !important; box-shadow: none !important; -moz-box-shadow: none !important; -webkit-box-shadow: none !important; } .wcp-openweather-default-widget .wcp-openweather-content .wcp-openweather-now-wrapper .wcp-openweather-now-status { font-size: 12px; line-height: 14px; margin-top: -2px; padding-bottom: 1px; text-align: left; max-width: 130px; display: block; text-transform: lowercase; } /*--------------------------------------------------------------*/ .wcp-openweather-default-widget .wcp-openweather-content .wcp-openweather-now-wrapper .wcp-openweather-now-details { float: right; width: 44%; text-align: right; padding: 4px 0 0 0; margin: 0; min-width: 107px; } .wcp-openweather-default-widget .wcp-openweather-content .wcp-openweather-now-wrapper .wcp-openweather-now-details .wcp-openweather-now-details-row { padding: 0 0 3px 0; margin: 0; overflow: hidden; width: 115%; float: right; } .wcp-openweather-default-widget .wcp-openweather-content .wcp-openweather-now-wrapper .wcp-openweather-now-details .wcp-openweather-now-details-row .wcp-openweather-now-details-title { float: right; font-size: 18px; line-height: 15px !important; width: 17px; } .wcp-openweather-default-widget .wcp-openweather-content .wcp-openweather-now-wrapper .wcp-openweather-now-details .wcp-openweather-now-details-row .wcp-openweather-now-details-title.wcp-ow-icon-raindrop { font-size: 17px; } .wcp-openweather-default-widget .wcp-openweather-content .wcp-openweather-now-wrapper .wcp-openweather-now-details .wcp-openweather-now-details-row .wcp-openweather-now-details-title.wcp-ow-icon-arrow-down { font-size: 21px; padding-right: 1px; } .wcp-openweather-default-widget .wcp-openweather-content .wcp-openweather-now-wrapper .wcp-openweather-now-details .wcp-openweather-now-details-row .wcp-openweather-now-details-title.wcp-ow-icon-arrow-down .wcp-ow-icon-arrow-down { display: inline; font-size: 21px; line-height: 15px !important; } .wcp-openweather-default-widget .wcp-openweather-content .wcp-openweather-now-wrapper .wcp-openweather-now-details .wcp-openweather-now-details-row .wcp-openweather-now-details-value { float: right; padding-right: 3px; font-size: 12px; line-height: 13px; max-width: 82%; } /*--------------------------------------------------------------*/ /*--- WCP OpenWeather Widget Forecast Styles ---*/ /*--------------------------------------------------------------*/ .wcp-openweather-default-widget .wcp-openweather-content .wcp-openweather-forecast-wrapper { padding: 0; margin: 0; } .wcp-openweather-default-widget .wcp-openweather-content .wcp-openweather-forecast-wrapper .wcp-openweather-forecast-header { background: rgba(255,255,255,0.30); padding: 0; margin: 0; } .wcp-openweather-default-widget .wcp-openweather-content .wcp-openweather-forecast-wrapper .wcp-openweather-forecast-header .wcp-openweather-container { padding-top: 4px; padding-bottom: 4px; margin: 0; } .wcp-openweather-default-widget .wcp-openweather-content .wcp-openweather-forecast-wrapper .wcp-openweather-forecast-header .wcp-openweather-forecast-day { float: left; width: 20%; font-size: 11px; line-height: 11px; text-transform: uppercase; text-align: center; } .wcp-openweather-default-widget .wcp-openweather-content .wcp-openweather-forecast-wrapper .wcp-openweather-forecast-header .wcp-openweather-forecast-day .wcp-openweather-forecast-item-date { display: block; font-size: 10px; line-height: 10px; text-align: center; } .wcp-openweather-default-widget .wcp-openweather-content .wcp-openweather-forecast-wrapper .wcp-openweather-forecast-content { padding: 0 0 14px 0; margin: 0; /* background: rgba(0,0,0,0.05); */ } .wcp-openweather-default-widget .wcp-openweather-content .wcp-openweather-forecast-wrapper .wcp-openweather-forecast-content .wcp-openweather-forecast-item { float: left; width: 20%; padding: 0; margin: 0; } .wcp-openweather-default-widget .wcp-openweather-content .wcp-openweather-forecast-wrapper .wcp-openweather-forecast-content .wcp-openweather-forecast-item .wcp-openweather-forecast-day-temperature { padding: 0; margin: 0; } .wcp-openweather-default-widget .wcp-openweather-content .wcp-openweather-forecast-wrapper .wcp-openweather-forecast-content .wcp-openweather-forecast-item .wcp-openweather-forecast-day-icon { width: 40px; height: 40px; margin: 0 auto; padding: 0; } .wcp-openweather-default-widget .wcp-openweather-content .wcp-openweather-forecast-wrapper .wcp-openweather-forecast-content .wcp-openweather-forecast-item .wcp-openweather-forecast-day-icon img { display: block; background: none !important; margin: 0 !important; padding: 0 !important; border: 0 !important; max-width: 100% !important; height: auto !important; border-radius: 0 !important; -moz-border-radius: 0 !important; -webkit-border-radius: 0 !important; box-shadow: none !important; -moz-box-shadow: none !important; -webkit-box-shadow: none !important; } .wcp-openweather-default-widget .wcp-openweather-content .wcp-openweather-forecast-wrapper .wcp-openweather-forecast-content .wcp-openweather-forecast-item .wcp-openweather-forecast-day-value { display: block; font-size: 10px; line-height: 10px; text-transform: uppercase; text-align: center; word-wrap: break-word; } .wcp-openweather-default-widget .wcp-openweather-content .wcp-openweather-forecast-wrapper .wcp-openweather-forecast-content .wcp-openweather-forecast-item .wcp-openweather-forecast-day-value .wcp-openweather-forecast-day-deg { position: relative; top: 4px !important; bottom: 0 !important; font-size: 11px; line-height: 0; height: 0; vertical-align: super; } /*--------------------------------------------------------------*/ /*--- WCP OpenWeather Widget NoData Styles ---*/ /*--------------------------------------------------------------*/ .wcp-openweather-default-widget .wcp-openweather-content .wcp-openweather-nodata-wrapper { padding: 18px 0 1px; margin: 0; text-align: left; } .wcp-openweather-default-widget .wcp-openweather-content .wcp-openweather-nodata-wrapper:first-child { padding: 0 0 1px; } .wcp-openweather-default-widget .wcp-openweather-content .wcp-openweather-nodata-wrapper .wcp-openweather-nodata { font-size: 12px; line-height: 12px; margin: 0; padding: 0; text-transform: uppercase; } /*--------------------------------------------------------------*/ /*--- WCP OpenWeather Widget Mini Content Styles ---*/ /*--------------------------------------------------------------*/ .wcp-openweather-default-widget.wcp-openweather-default-mini .wcp-openweather-container { padding-left: 10px; padding-right: 10px; } .wcp-openweather-default-widget.wcp-openweather-default-mini .wcp-openweather-content .wcp-openweather-city-wrapper { text-align: center; } /*--------------------------------------------------------------*/ .wcp-openweather-default-widget.wcp-openweather-default-mini .wcp-openweather-header .wcp-openweather-header-wrapper { height: 23px; } .wcp-openweather-default-widget.wcp-openweather-default-mini .wcp-openweather-header .wcp-openweather-day-wrapper .wcp-openweather-day { font-size: 11px; line-height: 13px; } .wcp-openweather-default-widget.wcp-openweather-default-mini .wcp-openweather-header .wcp-openweather-options { padding-left: 6px; } .wcp-openweather-default-widget.wcp-openweather-default-mini .wcp-openweather-header .wcp-openweather-options .wcp-openweather-settings-icon, .wcp-openweather-default-widget.wcp-openweather-default-mini .wcp-openweather-header .wcp-openweather-refresh .wcp-openweather-refresh-icon { font-size: 14px; height: 13px; line-height: 14px; width: 13px; } .wcp-openweather-default-widget.wcp-openweather-default-mini .wcp-openweather-header .wcp-openweather-refresh .wcp-openweather-refresh-icon .wcp-ow-icon-refresh { font-size: 14px; line-height: 14px; } .wcp-openweather-default-widget.wcp-openweather-default-mini .wcp-openweather-header .wcp-openweather-options .wcp-openweather-settings-icon .wcp-ow-icon-cog { font-size: 17px; line-height: 13px; } /*--------------------------------------------------------------*/ .wcp-openweather-default-widget.wcp-openweather-default-mini .wcp-openweather-content .wcp-openweather-now-wrapper { padding: 5px 0 0 0; } .wcp-openweather-default-widget.wcp-openweather-default-mini .wcp-openweather-content .wcp-openweather-now-wrapper .wcp-openweather-now { float: none; } .wcp-openweather-default-widget.wcp-openweather-default-mini .wcp-openweather-content .wcp-openweather-now-wrapper .wcp-openweather-now { width: 100%; } .wcp-openweather-default-widget.wcp-openweather-default-mini .wcp-openweather-content .wcp-openweather-now-wrapper .wcp-openweather-now-temperature .wcp-openweather-now-value { float: none; display: block; max-width: 100%; text-align: center; } .wcp-openweather-default-widget.wcp-openweather-default-mini .wcp-openweather-content .wcp-openweather-now-wrapper .wcp-openweather-now-temperature .wcp-openweather-now-icon { float: none; margin: 0 auto; } .wcp-openweather-default-widget.wcp-openweather-default-mini .wcp-openweather-content .wcp-openweather-now-wrapper .wcp-openweather-now-status { text-align: center; max-width: 100%; display: block; } /*--------------------------------------------------------------*/ /*--- WCP OpenWeather Widget Mini Forecast Styles ---*/ /*--------------------------------------------------------------*/ .wcp-openweather-default-widget.wcp-openweather-default-mini .wcp-openweather-content .wcp-openweather-forecast-tbl { margin: 0; padding: 0; border: 0; border-collapse: separate; border-spacing: 0; width: 100%; font: 11px/13px 'Roboto-Regular', Arial, sans-serif; color: #263238; table-layout: fixed; } .wcp-openweather-default-widget.wcp-openweather-default-mini .wcp-openweather-content .wcp-openweather-forecast-tbl .wcp-openweather-forecast-header { background: rgba(255,255,255,0.30); } .wcp-openweather-default-widget.wcp-openweather-default-mini .wcp-openweather-content .wcp-openweather-forecast-tbl .wcp-openweather-forecast-header th { margin: 0; padding: 5px !important; border: 0; font-weight: normal !important; text-align: center !important; text-transform: uppercase; font-size: 11px; line-height: 14px; height: 14px; background: none; color: #263238; } .wcp-openweather-default-widget.wcp-openweather-default-mini .wcp-openweather-content .wcp-openweather-forecast-tbl .wcp-openweather-forecast-item { background: #b9b9b9; } .wcp-openweather-default-widget.wcp-openweather-default-mini .wcp-openweather-content .wcp-openweather-forecast-tbl .wcp-openweather-forecast-item td { margin: 0; padding: 4px !important; border: 0; font-weight: normal !important; text-align: center !important; font-size: 11px; line-height: 13px; vertical-align: middle; background: rgba(255,255,255,0.85); color: #263238; } .wcp-openweather-default-widget.wcp-openweather-default-mini .wcp-openweather-content .wcp-openweather-forecast-tbl .wcp-openweather-forecast-item.wcp-openweather-forecast-item-light td { background: #fff; } .wcp-openweather-default-widget.wcp-openweather-default-mini .wcp-openweather-content .wcp-openweather-forecast-tbl .wcp-openweather-forecast-item td.wcp-openweather-forecast-item-align, .wcp-openweather-default-widget.wcp-openweather-default-mini .wcp-openweather-content .wcp-openweather-forecast-tbl .wcp-openweather-forecast-header th.wcp-openweather-forecast-item-align { } .wcp-openweather-default-widget.wcp-openweather-default-mini .wcp-openweather-content .wcp-openweather-forecast-tbl .wcp-openweather-forecast-item td.wcp-openweather-forecast-item-icon { width: 35px; } .wcp-openweather-default-widget.wcp-openweather-default-mini .wcp-openweather-content .wcp-openweather-forecast-tbl .wcp-openweather-forecast-item td .wcp-openweather-forecast-day-deg { position: relative; bottom: 0 !important; top: 4px !important; line-height: 0; height: 0; font-size: 12px; vertical-align: super; } .wcp-openweather-default-widget.wcp-openweather-default-mini .wcp-openweather-content .wcp-openweather-forecast-tbl .wcp-openweather-forecast-item td .wcp-openweather-forecast-item-day { font-size: 11px; display: block; text-transform: uppercase; } .wcp-openweather-default-widget.wcp-openweather-default-mini .wcp-openweather-content .wcp-openweather-forecast-tbl .wcp-openweather-forecast-item td .wcp-openweather-forecast-item-date { font-size: 10px; line-height: 12px; display: block; text-transform: uppercase; } .wcp-openweather-default-widget.wcp-openweather-default-mini .wcp-openweather-content .wcp-openweather-forecast-tbl .wcp-openweather-forecast-item td .wcp-openweather-forecast-day-icon { width: 35px; height: 35px; margin: 0 auto; padding: 0; } .wcp-openweather-default-widget.wcp-openweather-default-mini .wcp-openweather-content .wcp-openweather-forecast-tbl .wcp-openweather-forecast-item td .wcp-openweather-forecast-day-icon img { display: block; background: none !important; margin: 0 !important; padding: 0 !important; border: 0 !important; max-width: 100% !important; height: auto !important; border-radius: 0 !important; -moz-border-radius: 0 !important; -webkit-border-radius: 0 !important; box-shadow: none !important; -moz-box-shadow: none !important; -webkit-box-shadow: none !important; } /*--------------------------------------------------------------*/ /*--- WCP OpenWeather Shortcode Canvas Styles ---*/ /*--------------------------------------------------------------*/ /*--------------------------------------------------------------*/ .wcp-openweather-default-shortcode { font: 12px/14px 'Roboto-Regular', Arial, sans-serif; background: #cfd8dc; width: 100%; box-sizing: border-box; -webkit-box-sizing: border-box; color: #263238; margin-bottom: 15px; } .wcp-openweather-default-shortcode div, .wcp-openweather-default-shortcode span { font-family: 'Roboto-Regular', Arial, sans-serif; } .wcp-openweather-default-shortcode .wcp-openweather-container { padding: 0 15px; overflow: hidden; box-sizing: border-box; -webkit-box-sizing: border-box; } /*--------------------------------------------------------------*/ /*--- WCP OpenWeather Shortcode Header Styles ---*/ /*--------------------------------------------------------------*/ .wcp-openweather-default-shortcode .wcp-openweather-header { padding: 0; margin: 0; } .wcp-openweather-default-shortcode .wcp-openweather-header .wcp-openweather-header-wrapper { background: rgba(255,255,255,0.30); height: 24px; padding: 0; margin: 0; } .wcp-openweather-default-shortcode .wcp-openweather-header .wcp-openweather-header-wrapper .wcp-openweather-container { padding-top: 5px; padding-bottom: 5px; margin: 0; } .wcp-openweather-default-shortcode .wcp-openweather-header .wcp-openweather-day-wrapper { padding: 0 42px 0 0; margin: 0; } .wcp-openweather-default-shortcode .wcp-openweather-header .wcp-openweather-day-wrapper .wcp-openweather-day { display: block; font-size: 12px; line-height: 14px; text-align: left; text-transform: uppercase; font-weight: normal !important; color: #263238; } .wcp-openweather-default-shortcode .wcp-openweather-header .wcp-openweather-options-wrapper { float: right; width: 40px; padding: 0; margin: 0; } .wcp-openweather-default-shortcode .wcp-openweather-header .wcp-openweather-options, .wcp-openweather-default-shortcode .wcp-openweather-header .wcp-openweather-refresh { float: right; padding: 0; margin: 0; } .wcp-openweather-default-shortcode .wcp-openweather-header .wcp-openweather-options-wrapper { position: relative; } .wcp-openweather-default-shortcode .wcp-openweather-header .wcp-openweather-options { padding-left: 9px; } .wcp-openweather-default-shortcode .wcp-openweather-header .wcp-openweather-options .wcp-openweather-settings-wrapper { padding: 0; margin: 0; } .wcp-openweather-default-shortcode .wcp-openweather-header .wcp-openweather-options .wcp-openweather-settings-icon, .wcp-openweather-default-shortcode .wcp-openweather-header .wcp-openweather-refresh .wcp-openweather-refresh-icon { color: #263238; display: block; width: 14px; height: 14px; font-size: 15px; line-height: 14px; outline: none; text-decoration: none; padding: 0; margin: 0; border: 0; background: none; } .wcp-openweather-default-shortcode .wcp-openweather-header .wcp-openweather-options .wcp-openweather-settings-icon:hover, .wcp-openweather-default-shortcode .wcp-openweather-header .wcp-openweather-refresh .wcp-openweather-refresh-icon:hover { color: inherit; width: 14px; height: 14px; font-size: 15px; line-height: 14px; outline: none; text-decoration: none; padding: 0; margin: 0; border: 0; background: none; opacity: 0.7; } .wcp-openweather-default-shortcode .wcp-openweather-header .wcp-openweather-refresh .wcp-openweather-refresh-icon .wcp-ow-icon-refresh { font-size: 15px; line-height: 15px; color: #263238; } .wcp-openweather-default-shortcode .wcp-openweather-header .wcp-openweather-refresh .wcp-openweather-refresh-icon .wcp-ow-icon-refresh.fa-spin { -webkit-animation: fa-spin 2s infinite linear; animation: fa-spin 1s infinite linear; width: 13px; } .wcp-openweather-default-shortcode .wcp-openweather-header .wcp-openweather-options .wcp-openweather-settings-icon .wcp-ow-icon-cog { font-size: 18px; line-height: 14px; margin-left: -2px; color: #263238; } /*--------------------------------------------------------------*/ .wcp-openweather-default-shortcode .wcp-openweather-header .wcp-openweather-options .wcp-openweather-settings { display: none; } /*--------------------------------------------------------------*/ /*--- WCP OpenWeather Shortcode Content Styles ---*/ /*--------------------------------------------------------------*/ .wcp-openweather-default-shortcode .wcp-openweather-content { padding: 0; margin: 0; } .wcp-openweather-default-shortcode .wcp-openweather-content > .wcp-openweather-container { padding-top: 15px; padding-bottom: 15px; margin: 0; } /*--------------------------------------------------------------*/ .wcp-openweather-default-shortcode .wcp-openweather-content .wcp-openweather-content-tbl { margin: 0 !important; padding: 0 !important; border: 0 !important; border-collapse: separate !important; border-spacing: 0 !important; width: 100% !important; font: 12px/13px 'Roboto-Regular', Arial, sans-serif; color: #263238; table-layout: fixed; background: none !important; text-shadow: none !important; } .wcp-openweather-default-shortcode .wcp-openweather-content .wcp-openweather-content-tbl tr { margin: 0; padding: 0 !important; border: 0 !important; background: none !important; } .wcp-openweather-default-shortcode .wcp-openweather-content .wcp-openweather-content-tbl td { margin: 0; padding: 0 !important; border: 0 !important; font-weight: normal !important; text-align: center !important; font-size: 12px; line-height: 13px; vertical-align: middle; background: none !important; } .wcp-openweather-default-shortcode .wcp-openweather-content .wcp-openweather-content-tbl td .wcp-openweather-city {vertical-align: middle; font-size: 16px; line-height: 18px; text-transform: uppercase; padding: 0; margin: 0; hyphens: none; -moz-hyphens: none; -webkit-hyphens: none; -ms-hyphens: none; word-wrap: break-word; -moz-word-wrap: break-word; -webkit-word-wrap: break-word; -ms-word-wrap: break-word; } .wcp-openweather-default-shortcode .wcp-openweather-content .wcp-openweather-content-tbl td.wcp-openweather-city-wrapper-forecast { width: 100%; text-align: left !important; } /*--------------------------------------------------------------*/ .wcp-openweather-default-shortcode .wcp-openweather-content .wcp-openweather-content-tbl .wcp-openweather-now-icon-wrapper .wcp-openweather-now-icon { width: 50px; height: 50px; margin: 0 auto; padding: 0; } .wcp-openweather-default-shortcode .wcp-openweather-content .wcp-openweather-content-tbl .wcp-openweather-now-icon-wrapper .wcp-openweather-now-icon img { display: block !important; background: none !important; margin: 0 !important; padding: 0 !important; border: 0 !important; width: 50px !important; height: 50px !important; border-radius: 0 !important; -moz-border-radius: 0 !important; -webkit-border-radius: 0 !important; box-shadow: none !important; -moz-box-shadow: none !important; -webkit-box-shadow: none !important; } .wcp-openweather-default-shortcode .wcp-openweather-content .wcp-openweather-content-tbl .wcp-openweather-now-temperature-wrapper .wcp-openweather-now-value { display: block; font-size: 50px; line-height: 44px; text-transform: uppercase; padding: 0; margin: 0; } .wcp-openweather-default-shortcode .wcp-openweather-content .wcp-openweather-content-tbl .wcp-openweather-now-temperature-wrapper .wcp-openweather-now-value .wcp-openweather-now-value-deg { position: relative; bottom: 0 !important; top: 1px !important; font-size: 30px; line-height: 0; height: 0; vertical-align: super; } .wcp-openweather-default-shortcode .wcp-openweather-content .wcp-openweather-content-tbl .wcp-openweather-now-status { display: block; text-transform: lowercase; font-size: 12px; line-height: 13px; padding: 0; margin: 0; } /*--------------------------------------------------------------*/ .wcp-openweather-default-shortcode .wcp-openweather-content .wcp-openweather-now-details { width: 100%; overflow: hidden; padding: 16px 0 0; margin: 0; } .wcp-openweather-default-shortcode .wcp-openweather-content .wcp-openweather-now-details .wcp-openweather-now-details-row { float: left; width: 33.45%; border-left: 2px solid transparent; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; padding: 0; margin: 0; } .wcp-openweather-default-shortcode .wcp-openweather-content .wcp-openweather-now-details .wcp-openweather-now-details-row:first-child { border-left: 0; width: 33.05%; } .wcp-openweather-default-shortcode .wcp-openweather-content .wcp-openweather-now-details .wcp-openweather-now-details-row .wcp-openweather-now-details-row-content { background: rgba(255,255,255,0.30); padding: 5px 0; margin: 0; text-align: center; } .wcp-openweather-default-shortcode .wcp-openweather-content .wcp-openweather-now-details .wcp-openweather-now-details-row .wcp-openweather-now-details-title { display: block; text-transform: uppercase; font-size: 12px; line-height: 14px;color: #263238; } .wcp-openweather-default-shortcode .wcp-openweather-content .wcp-openweather-now-details .wcp-openweather-now-details-row .wcp-openweather-now-details-value { font-size: 12px; line-height: 14px; color: #263238; } /*--------------------------------------------------------------*/ /*--- WCP OpenWeather Shortcode Forecast Styles ---*/ /*--------------------------------------------------------------*/ .wcp-openweather-default-shortcode .wcp-openweather-content .wcp-openweather-forecast-wrapper { margin: 0; padding: 0;} .wcp-openweather-default-shortcode .wcp-openweather-content .wcp-openweather-forecast-content { margin: 0 !important; padding: 0 !important; border: 0 !important; border-collapse: separate !important; border-spacing: 0 !important; width: 100% !important; font: 12px/14px 'Roboto-Regular', Arial, sans-serif; color: #263238; table-layout: auto; text-shadow: none !important; } .wcp-openweather-default-shortcode .wcp-openweather-content .wcp-openweather-forecast-content .wcp-openweather-forecast-header:hover, .wcp-openweather-default-shortcode .wcp-openweather-content .wcp-openweather-forecast-content tr, .wcp-openweather-default-shortcode .wcp-openweather-content .wcp-openweather-forecast-content tr:hover { background: none !important; } .wcp-openweather-default-shortcode .wcp-openweather-content .wcp-openweather-forecast-content .wcp-openweather-forecast-header th { background: rgba(255,255,255,0.30) !important; margin: 0; padding: 5px !important; border: 0; font-weight: normal !important; text-align: center !important; text-transform: uppercase; font-size: 11px !important; line-height: 14px; height: 14px; color: #263238; letter-spacing: 0; } .wcp-openweather-default-shortcode .wcp-openweather-content .wcp-openweather-forecast-content .wcp-openweather-forecast-header th span { font-size: 11px; line-height: 12px; margin: 0; padding: 0; } .wcp-openweather-default-shortcode .wcp-openweather-content .wcp-openweather-forecast-content .wcp-openweather-forecast-item { background: #b9b9b9; } .wcp-openweather-default-shortcode .wcp-openweather-content .wcp-openweather-forecast-content .wcp-openweather-forecast-item td { font-family: 'Roboto-Regular', Arial, sans-serif; margin: 0 !important; padding: 4px !important; border: 0 !important; font-weight: normal !important; text-align: center !important; font-size: 12px; line-height: 14px; vertical-align: middle; background: rgba(255,255,255,0.85); color: #263238; } .wcp-openweather-default-shortcode .wcp-openweather-content .wcp-openweather-forecast-content .wcp-openweather-forecast-item.wcp-openweather-forecast-item-light td { background: #fff; } .wcp-openweather-default-shortcode .wcp-openweather-content .wcp-openweather-forecast-content .wcp-openweather-forecast-item td:first-child, .wcp-openweather-default-shortcode .wcp-openweather-content .wcp-openweather-forecast-content .wcp-openweather-forecast-header th:first-child { padding: 4px 4px 4px 15px !important; } .wcp-openweather-default-shortcode .wcp-openweather-content .wcp-openweather-forecast-content .wcp-openweather-forecast-item td:last-child, .wcp-openweather-default-shortcode .wcp-openweather-content .wcp-openweather-forecast-content .wcp-openweather-forecast-header th:last-child, .wcp-openweather-default-shortcode .wcp-openweather-content .wcp-openweather-forecast-content .wcp-openweather-forecast-item td.wcp-openweather-forecast-item-last, .wcp-openweather-default-shortcode .wcp-openweather-content .wcp-openweather-forecast-content .wcp-openweather-forecast-header th.wcp-openweather-forecast-item-last { padding: 4px 15px 4px 4px !important; } .wcp-openweather-default-shortcode .wcp-openweather-content .wcp-openweather-forecast-content .wcp-openweather-forecast-item td.wcp-openweather-forecast-item-align, .wcp-openweather-default-shortcode .wcp-openweather-content .wcp-openweather-forecast-content .wcp-openweather-forecast-header th.wcp-openweather-forecast-item-align { text-align: left !important; } .wcp-openweather-default-shortcode .wcp-openweather-content .wcp-openweather-forecast-content .wcp-openweather-forecast-item td .wcp-openweather-forecast-day-deg { position: relative; bottom: 0 !important; top: 4px !important; line-height: 0; height: 0; font-size: 12px; vertical-align: super; } .wcp-openweather-default-shortcode .wcp-openweather-content .wcp-openweather-forecast-content .wcp-openweather-forecast-item td.wcp-openweather-forecast-item-conditions, .wcp-openweather-default-shortcode .wcp-openweather-content .wcp-openweather-forecast-content .wcp-openweather-forecast-header th.wcp-openweather-forecast-item-conditions { padding: 0 4px !important; } .wcp-openweather-default-shortcode .wcp-openweather-content .wcp-openweather-forecast-content .wcp-openweather-forecast-item td .wcp-openweather-forecast-item-day { font-size: 12px; display: block; text-transform: uppercase; } .wcp-openweather-default-shortcode .wcp-openweather-content .wcp-openweather-forecast-content .wcp-openweather-forecast-item td .wcp-openweather-forecast-item-date { font-size: 10px; line-height: 12px; display: block; text-transform: uppercase; } .wcp-openweather-default-shortcode .wcp-openweather-content .wcp-openweather-forecast-content .wcp-openweather-forecast-item td .wcp-openweather-forecast-day-icon { margin: 0 auto; width: 40px; height: 40px; } .wcp-openweather-default-shortcode .wcp-openweather-content .wcp-openweather-forecast-content .wcp-openweather-forecast-item td .wcp-openweather-forecast-day-icon img { display: block; background: none !important; margin: 0 !important; padding: 0 !important; border: 0 !important; max-width: 100% !important; height: auto; border-radius: 0 !important; -moz-border-radius: 0 !important; -webkit-border-radius: 0 !important; box-shadow: none !important; -moz-box-shadow: none !important; -webkit-box-shadow: none !important; } .wcp-openweather-default-shortcode .wcp-openweather-content .wcp-openweather-forecast-content .wcp-openweather-forecast-item td .wcp-openweather-forecast-day-status { line-height: 12px; font-size: 12px; text-transform: lowercase; } /*--------------------------------------------------------------*/ /*--- WCP OpenWeather Shortcode Compact Forecast Styles ---*/ /*--------------------------------------------------------------*/ .wcp-openweather-default-shortcode.wcp-openweather-default-compact .wcp-openweather-content .wcp-openweather-forecast-wrapper { padding: 0; margin: 0; } .wcp-openweather-default-shortcode.wcp-openweather-default-compact .wcp-openweather-content .wcp-openweather-forecast-wrapper .wcp-openweather-forecast-header { background: rgba(255,255,255,0.30); padding: 0; margin: 0; } .wcp-openweather-default-shortcode.wcp-openweather-default-compact .wcp-openweather-content .wcp-openweather-forecast-wrapper .wcp-openweather-forecast-header .wcp-openweather-container { padding-top: 4px; padding-bottom: 4px; margin: 0; } .wcp-openweather-default-shortcode.wcp-openweather-default-compact .wcp-openweather-content .wcp-openweather-forecast-wrapper .wcp-openweather-forecast-header .wcp-openweather-forecast-day { float: left; width: 20%; font-size: 12px; line-height: 12px; text-transform: uppercase; text-align: center; } .wcp-openweather-default-shortcode.wcp-openweather-default-compact .wcp-openweather-content .wcp-openweather-forecast-wrapper .wcp-openweather-forecast-header .wcp-openweather-forecast-day .wcp-openweather-forecast-item-date { display: block; font-size: 11px; line-height: 12px; text-align: center; } .wcp-openweather-default-shortcode.wcp-openweather-default-compact .wcp-openweather-content .wcp-openweather-forecast-wrapper .wcp-openweather-forecast-content { padding: 0 0 14px 0 !important; margin: 0; } .wcp-openweather-default-shortcode.wcp-openweather-default-compact .wcp-openweather-content .wcp-openweather-forecast-wrapper .wcp-openweather-forecast-content .wcp-openweather-forecast-item { float: left; width: 20%; padding: 0; margin: 0; background: transparent; } .wcp-openweather-default-shortcode.wcp-openweather-default-compact .wcp-openweather-content .wcp-openweather-forecast-wrapper .wcp-openweather-forecast-content .wcp-openweather-forecast-item .wcp-openweather-forecast-day-temperature { padding: 0; margin: 0; } .wcp-openweather-default-shortcode.wcp-openweather-default-compact .wcp-openweather-content .wcp-openweather-forecast-wrapper .wcp-openweather-forecast-content .wcp-openweather-forecast-item .wcp-openweather-forecast-day-icon { width: 40px; height: 40px; margin: 0 auto; padding: 0; } .wcp-openweather-default-shortcode.wcp-openweather-default-compact .wcp-openweather-content .wcp-openweather-forecast-wrapper .wcp-openweather-forecast-content .wcp-openweather-forecast-item .wcp-openweather-forecast-day-icon img { display: block; background: none !important; margin: 0 !important; padding: 0 !important; border: 0 !important; max-width: 100% !important; height: auto; border-radius: 0 !important; -moz-border-radius: 0 !important; -webkit-border-radius: 0 !important; box-shadow: none !important; -moz-box-shadow: none !important; -webkit-box-shadow: none !important; } .wcp-openweather-default-shortcode.wcp-openweather-default-compact .wcp-openweather-content .wcp-openweather-forecast-wrapper .wcp-openweather-forecast-content .wcp-openweather-forecast-item .wcp-openweather-forecast-day-value { display: block; font-size: 12px; line-height: 11px; text-transform: uppercase; text-align: center; word-wrap: break-word; } .wcp-openweather-default-shortcode.wcp-openweather-default-compact .wcp-openweather-content .wcp-openweather-forecast-wrapper .wcp-openweather-forecast-content .wcp-openweather-forecast-item .wcp-openweather-forecast-day-value .wcp-openweather-forecast-day-deg { position: relative; top: 4px !important; bottom: 0 !important; font-size: 11px; line-height: 0; height: 0; vertical-align: super; } /*--------------------------------------------------------------*/ /*--- WCP OpenWeather Shortcode NoData Styles ---*/ /*--------------------------------------------------------------*/ .wcp-openweather-default-shortcode .wcp-openweather-content .wcp-openweather-nodata-wrapper { margin: 0; padding: 0; } .wcp-openweather-default-shortcode .wcp-openweather-content .wcp-openweather-nodata-wrapper .wcp-openweather-nodata { display: block; padding: 0; margin: 0; text-transform: uppercase; text-align: left; line-height: 12px; font-size: 12px; } /*--------------------------------------------------------------*/ /*--- WCP OpenWeather Spinner Rotate Styles ---*/ /*--------------------------------------------------------------*/ @-webkit-keyframes fa-spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); transform: rotate(359deg); } } @keyframes fa-spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); transform: rotate(359deg); } } /*--------------------------------------------------------------*/ /*--- WCP OpenWeather Chrome Correct Icon Styles ---*/ /*--------------------------------------------------------------*/ @media screen and (-webkit-min-device-pixel-ratio:0) { .wcp-openweather-default-shortcode .wcp-openweather-header .wcp-openweather-refresh .wcp-openweather-refresh-icon .wcp-ow-icon-refresh, .wcp-openweather-default-widget .wcp-openweather-header .wcp-openweather-refresh .wcp-openweather-refresh-icon .wcp-ow-icon-refresh { line-height: 15px; } .wcp-openweather-default-widget.wcp-openweather-default-mini .wcp-openweather-header .wcp-openweather-refresh .wcp-openweather-refresh-icon .wcp-ow-icon-refresh { line-height: 14px; } } /*-----------------------------------------------------------------*/ /*--- Media Queries Styles ---*/ /*-----------------------------------------------------------------*/ /*-----------------------------------------------------------------*/ /*---------- Styles for mobile 0 - 767px --------*/ /*-----------------------------------------------------------------*/ @media only screen and (min-width: 0) and (max-width: 767px) { .wcp-openweather-hidden-xs { display: none; } .wcp-openweather-visible-xs { display: block; } .wcp-openweather-default-shortcode .wcp-openweather-content .wcp-openweather-content-tbl .wcp-openweather-now-temperature-wrapper .wcp-openweather-now-value { font-size: 43px; line-height: 40px; } .wcp-openweather-default-shortcode .wcp-openweather-content .wcp-openweather-content-tbl .wcp-openweather-now-temperature-wrapper .wcp-openweather-now-value .wcp-openweather-now-value-deg {font-size: 28px; top: 4px !important;} .wcp-openweather-default-shortcode .wcp-openweather-content .wcp-openweather-content-tbl td .wcp-openweather-city { font-size: 14px; line-height: 16px; } .wcp-openweather-default-widget .wcp-openweather-content .wcp-openweather-city-wrapper .wcp-openweather-city { font-size: 15px; line-height: 17px; } .wcp-openweather-default-shortcode .wcp-openweather-content .wcp-openweather-now-details .wcp-openweather-now-details-row .wcp-openweather-now-details-title, .wcp-openweather-default-shortcode .wcp-openweather-content .wcp-openweather-now-details .wcp-openweather-now-details-row .wcp-openweather-now-details-value { font-size: 11px; } .wcp-openweather-default-shortcode .wcp-openweather-content .wcp-openweather-forecast-content .wcp-openweather-forecast-item td.wcp-openweather-forecast-item-status { display: none !important; } .wcp-openweather-default-shortcode .wcp-openweather-content .wcp-openweather-forecast-content .wcp-openweather-forecast-item td.wcp-openweather-forecast-item-hidden-xs, .wcp-openweather-default-shortcode .wcp-openweather-content .wcp-openweather-forecast-content th.wcp-openweather-forecast-item-hidden-xs { display: none !important; } .wcp-openweather-default-shortcode .wcp-openweather-content .wcp-openweather-forecast-content .wcp-openweather-forecast-item td.wcp-openweather-forecast-item-icon { padding: 4px 4px 4px 0 !important; } .wcp-openweather-default-shortcode .wcp-openweather-content .wcp-openweather-forecast-content .wcp-openweather-forecast-item td .wcp-openweather-forecast-day-icon { float: none; margin: 0 auto; } .wcp-openweather-default-shortcode .wcp-openweather-content .wcp-openweather-forecast-content .wcp-openweather-forecast-item td:first-child, .wcp-openweather-default-shortcode .wcp-openweather-content .wcp-openweather-forecast-content .wcp-openweather-forecast-header th:first-child { width: 37px; } /*-----------------------------------------------------------------*/ .wcp-openweather-default-widget .wcp-openweather-header .wcp-openweather-options .wcp-openweather-settings-icon:hover, .wcp-openweather-default-widget .wcp-openweather-header .wcp-openweather-refresh .wcp-openweather-refresh-icon:hover, .wcp-openweather-default-shortcode .wcp-openweather-header .wcp-openweather-options .wcp-openweather-settings-icon:hover, .wcp-openweather-default-shortcode .wcp-openweather-header .wcp-openweather-refresh .wcp-openweather-refresh-icon:hover { opacity: 1; } } /*-----------------------------------------------------------------*/ /*---------- Styles for mobile 0 - 480px --------*/ /*-----------------------------------------------------------------*/ @media only screen and (min-width: 0) and (max-width: 480px) { .wcp-openweather-default-shortcode .wcp-openweather-content .wcp-openweather-now-details .wcp-openweather-now-details-row .wcp-openweather-now-details-value { display: block; line-height: 14px; max-height: 14px; overflow: hidden; } } /*-----------------------------------------------------------------*/ @media screen and (device-width: 320px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 2) { .wcp-openweather-default-widget .wcp-openweather-header .wcp-openweather-options .wcp-openweather-settings-icon .wcp-ow-icon-cog, .wcp-openweather-default-shortcode .wcp-openweather-header .wcp-openweather-options .wcp-openweather-settings-icon .wcp-ow-icon-cog { line-height: 16px; } } /*-----------------------------------------------------------------*/ @media screen and (device-width: 320px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3) { .wcp-openweather-default-widget .wcp-openweather-header .wcp-openweather-options .wcp-openweather-settings-icon .wcp-ow-icon-cog, .wcp-openweather-default-shortcode .wcp-openweather-header .wcp-openweather-options .wcp-openweather-settings-icon .wcp-ow-icon-cog { line-height: 16px; } } /*-----------------------------------------------------------------*/ @media screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3) { .wcp-openweather-default-widget .wcp-openweather-header .wcp-openweather-options .wcp-openweather-settings-icon .wcp-ow-icon-cog, .wcp-openweather-default-shortcode .wcp-openweather-header .wcp-openweather-options .wcp-openweather-settings-icon .wcp-ow-icon-cog { line-height: 16px; } }