/* Theme Name: LabQ 2.0 Author: un tipo gráfico Author URI: http://www.untipografico.es/ */ /* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html -------------------------------------------------------------- */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { background: transparent; border: 0; margin: 0; padding: 0; vertical-align: baseline; } body { line-height: 1; } h1, h2, h3, h4, h5, h6 { clear: both; font-weight: normal; } ol, ul { list-style: none; } blockquote { quotes: none; } blockquote:before, blockquote:after { content: ''; content: none; } del { text-decoration: line-through; } table { border-collapse: collapse; border-spacing: 0; } a { text-decoration: none !important; color: inherit; } a img { border: none; } html { -webkit-text-size-adjust: none; } body { font: 12px Roboto; background: url('images/fondo1.png'); color: #000; } body, html { display: block; width: 100%; height: 100%; } :focus { outline: none; } .spacer { clear: both; } input[type=text], input[type=submit], input[type=password], select { -webkit-border-radius: 0px; -webkit-appearance: none; -moz-border-radius: 0px; border-radius: 0px; } @font-face { font-family: "SSSocialRegular"; src: url('docs/fonts/ss-social-regular.eot'); src: url('docs/fonts/ss-social-regular%EF%B9%96.eot#iefix') format('embedded-opentype'), url('docs/fonts/ss-social-regular.woff') format('woff'), url('docs/fonts/ss-social-regular.ttf') format('truetype'), url('docs/fonts/ss-social-regular.svg#SSSocialRegular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: "SSStandard"; src: url('docs/fonts/ss-standard.eot'); src: url('docs/fonts/ss-standard%EF%B9%96.eot#iefix') format('embedded-opentype'), url('docs/fonts/ss-standard.woff') format('woff'), url('docs/fonts/ss-standard.ttf') format('truetype'), url('docs/fonts/ss-standard.svg#SSStandard') format('svg'); font-weight: normal; font-style: normal; } /** ESTILOS GENERALES **/ .position-relative { position: relative; } .no-padding { padding: 0px !important; } .no-padding-left { padding-left: 0px !important; } .no-padding-right { padding-right: 0px !important; } .foto-fondo { -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-position: center center; } .text-align-right { text-align: right; } .text-align-center { text-align: center; } .text-align-left { text-align: left; } .padding-15-left { display: block; padding-left: 15px; } .padding-20-left { display: block; padding-left: 20px !important; } .padding-25-left { display: block; padding-left: 25px !important; } .padding-30-left { display: block; padding-left: 30px !important; } .padding-40-left { display: block; padding-left: 40px !important; } .padding-50-left { display: block; padding-left: 50px !important; } .padding-60-left { display: block; padding-left: 60px !important; } .padding-15-right { display: block; padding-right: 15px; } .padding-20-right { display: block; padding-right: 20px !important; } .padding-30-right { display: block; padding-right: 30px !important; } .padding-40-right { display: block; padding-right: 40px !important; } .padding-50-right { display: block; padding-right: 50px !important; } .padding-60-right { display: block; padding-right: 60px !important; } .padding-140-top { display: block; padding-top: 140px; } .padding-120-top { display: block; padding-top: 140px; } .padding-100-top { display: block; padding-top: 100px; } .padding-80-top { display: block; padding-top: 80px; } .padding-70-top { display: block; padding-top: 70px; } .padding-60-top { display: block; padding-top: 60px; } .padding-50-top { display: block; padding-top: 50px; } .padding-40-top { display: block; padding-top: 40px; } .padding-30-top { display: block; padding-top: 30px; } .padding-25-top { display: block; padding-top: 25px; } .padding-20-top { display: block; padding-top: 20px; } .padding-15-top { display: block; padding-top: 15px; } .padding-10-top { display: block; padding-top: 10px; } .padding-150-bottom { display: block; padding-bottom: 150px; } .padding-140-bottom { display: block; padding-bottom: 140px; } .padding-120-bottom { display: block; padding-bottom: 120px; } .padding-100-bottom { display: block; padding-bottom: 100px; } .padding-90-bottom { display: block; padding-bottom: 90px; } .padding-80-bottom { display: block; padding-bottom: 80px; } .padding-70-bottom { display: block; padding-bottom: 70px; } .padding-60-bottom { display: block; padding-bottom: 60px; } .padding-50-bottom { display: block; padding-bottom: 50px; } .padding-40-bottom { display: block; padding-bottom: 40px; } .padding-30-bottom { display: block; padding-bottom: 30px; } .padding-25-bottom { display: block; padding-bottom: 25px; } .padding-20-bottom { display: block; padding-bottom: 20px; } .padding-15-bottom { display: block; padding-bottom: 15px; } .padding-10-bottom { display: block; padding-bottom: 10px; } .padding-20 { display: block; padding: 20px; width: 100%; } .margin-60-top { margin-top: 60px; } .fondo-blanco { background: #FFFFFF; } .fondo-blanco-semi { background: rgba(255,255,255,0.5); } .fondo-negro { background: #232225; } .fondo-verde { background: #00FFB2; } .fondo-amarillo { background: #fcff00; } .fondo-azul { background: #00ffff; } .fondo-magenta { background: #ff0078; } .color-negro { color: #232225; } .color-blanco { color: #FFF; } .color-verde { color: #00FFB2; } .color-amarillo { color: #fcff00; } .color-azul { color: #00ffff; } .color-magenta { color: #ff0078; } .text-shadow { text-shadow: rgba(0, 0, 0, 0.8) 0px 2px 2px; } h1 { display: block; margin: 0px 0px 7px 0px; font-weight: 900; font-size: 40px !important; text-align: inherit; } h2 { display: block; margin: 0px 0px 7px 0px; text-align: inherit; font: 600 48px Dosis !important; } h3 { display: block; margin: 0px 0px 7px 0px; text-align: inherit; font: 600 38px Dosis !important; } h4 { font: 600 25px Dosis; display: inline-block; text-align: inherit; background: #000; color: #00FFB2; text-decoration: none; padding: 2px 4px 2px 4px; margin-bottom: 6px; } h5 { font: 600 17px Dosis; display: inline-block; text-align: inherit; background: #00FFB2; color: #000; text-decoration: none; padding: 2px 4px 2px 4px; margin-bottom: 6px; } h6 { font: 600 13px Dosis; display: inline-block; text-align: inherit; background: #00FFB2; color: #000; text-decoration: none; padding: 2px 4px 2px 4px; margin-bottom: 4px; } #my-menu:not( .mm-menu ) { display: none; } .contenido-texto p { display: block; text-align: inherit; margin-bottom: 10px; } .contenido-texto a { border-bottom: 1px solid #00FFB2; } .contenido-texto a:hover { border-bottom: 1px solid #000; } .entradilla-grande { font: 500 18px/24px Roboto; } .entradilla-mediana { font: 500 15px/20px Roboto; } .texto-normal { font: 15px/20px Roboto; } .texto-pequeno { font: 13px/17px Roboto; } span.burbuja-titulo { display: block; font-family: 'Helvetica bold'; font-size: 19px; display: block; line-height: 22px; } /** HEADER **/ .header { height: 150px; } .header-fixed { height: 150px; position: fixed; top: 0px; left: 0px; width: 100%; z-index: 100000; background: url('images/header-fondo.gif') center top; } .header-fixed img { height: 120px !important; margin-left: 0px !important; display: block; position: absolute; top: 0px; left: 10px; } @media (max-width: 1200px) { .header-fixed { background: #FFF; } } .header-fixed span.header-titulo { font: 600 24px Dosis; display: block; margin: 45px 0px 0px 84px; } .header-fixed span.header-subtitulo { font-size: 12px; margin-left: 84px; display: block; } .menu-movil { display: block; padding: 45px 20px 0px 0px; font-size: 30px; text-align: right; } #menu-cabecera { display: block; text-align: left; width: 100%; } #menu-cabecera li { display: inline-block; margin-left: 7px; position: relative; height: 30px; } #menu-cabecera li a { font: 600 16px Dosis; display: block; border-bottom: 5px solid #000; padding: 1px 5px 4px 5px; } #menu-cabecera li a:hover { padding-bottom: 9px; margin-bottom: -5px; } #menu-cabecera li ul { position: absolute; top: 25px; right: 0px; display: none; z-index: 100; min-width: 100%; border-bottom: 3px solid #000; } #menu-cabecera li ul li { display: block; white-space: nowrap; min-width: 100%; background: #fff; padding: 0px; margin: 0px; text-align: right; } #menu-cabecera li ul li a { color: #000; font: 400 14px Dosis; border-bottom: 2px solid #000; padding: 6px 5px 6px 5px; } #menu-cabecera li ul li a:hover { color: #000; font: 400 14px Dosis; padding: 6px 5px 6px 5px !important; border-bottom: 2px solid #000; margin-bottom: 0px; background: #00FFB2; } #menu-cabecera li.idioma { opacity: 0.3; } /** HOME **/ .slide-home-alto { height: 500px; } .slide-home { height: 500px; width: 100%; display: block; position: absolute; top: 0px; left: 0px; z-index: 2; background: #FFF; } .slide-home .diapo { height: 500px; width: 100%; display: block; } .fondo-rayas { background: url('images/fondo1.png') rgba(255,255,255,0.7); } .titulo-inicio { position: absolute !important; bottom: 0px !important; left: 0px; width: 100% !important; z-index: 10000; } #isotope-home { width: 100%; display: block; position: relative; } #isotope-home .modulo { margin-bottom: 30px; display: block; position: relative; border-bottom: 5px solid #000; padding-bottom: 13px; } .enviar .ss-icon { font-size: 60px; } .enviar .enviar-titulo { display: block; font: 600 30px/32px Dosis; margin-bottom: 6px; } .enviar .enviar-link { font: 13px Dosis; text-transform: uppercase; padding: 1px 3px 1px 3px; display: inline-block; margin 1px 3px 1px 3px; background: #FFF; } .enviar:hover { background: #00ffff; } .banner-footer .ss-icon { font-size: 70px; float: left; margin-right: 20px; margin-bottom: -20px; } .banner-footer .enviar-titulo { display: block; font: 600 33px/35px Dosis; margin-bottom: 6px; } .banner-footer .enviar-link { font: 16px Dosis; text-transform: uppercase; padding: 1px 3px 1px 3px; display: inline-block; margin 1px 3px 1px 3px; background: #FFF; } .banner-footer:hover { background: #00ffff; } /** CATEGORÍA **/ .contenedor-mapa { display: block; position: relative; width: 100%; height: 500px; } .filtros-mapa { display: block; width: 100%; } .fondo-lineas { background: url('images/fondo1.png') rgba(255,255,255,0.7); padding-top: 13px; padding-bottom: 13px; padding-left: 20px; display: block; width: 100%; margin-top: -200px; } .fondo-lineas:hover { background-color: rgba(255,255,255,1.0); } .fondo-lineas input { margin-right: 3px !important; margin-left: 2px !important; display: inline-block !important; } .fondo-lineas label { font: 500 12px Roboto !important; } .fondo-lineas img { height: 30px !important; } .filtros { line-height: 22px; } .filtros .separador { width: 100%; height: 1px; background: #00ffb2; display: block; margin: 0px 0px 20px 0px; } .filtros span.filtro { font: 12px Dosis; text-transform: uppercase; padding: 1px 3px 1px 3px; display: inline-block; margin 1px 3px 1px 3px; } .filtros span.filtro span.ss-icon { font-size: 9px; } .filtros span.color-investigaciones { background: #00FFB2; } .filtros span.color-entrevistas { background: #00ffff; } .filtros span.color-docencia { background: #fcff00; } .filtros span.color-participa { background: #ff0078; } .filtros span { cursor: pointer; } .filtros span.activo { background: #000 !important; color: #FFF !important; } #isotope { width: 100%; display: block; position: relative; } #isotope .modulo { margin-bottom: 30px; display: block; position: relative; border-bottom: 5px solid #000; padding-bottom: 13px; } #isotope .modulo .imagen { display: block; position: relative; width: 100%; height: auto; margin: 0px 0px 12px 0px; } #isotope .modulo .embed-responsive { display: block; margin: 0px 0px 12px 0px; } .credito-contenedor { position: absolute; bottom: 5px; right: 5px; display: block; padding-left: 5px; text-align: right; } span.credito { background: #333; font-size: 9px; text-transform: uppercase; font-weight: 200; padding: 1px 2px 1px 2px; color: #fff; font: 10px Dosis; display: inline; } #isotope .modulo span.antetitulo { font-weight: 500; font-size: 13px; display: block; margin: 0px 0px 0px 0px; } #isotope .modulo span.titulo { font: 700 18px Dosis; display: block; margin: 0px 0px 5px 0px; } #isotope .modulo .modulo-sobre { padding: 30px 30px 35px 30px !important; top: -30px; left: -30px; width: 100%; height: 100%; position: absolute; background: #FFF; z-index: -3; display: none; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } #isotope .modulo:hover .modulo-sobre { display: block; } .taxonomias { display: block; margin: 0px 0px 12px 0px; line-height: 22px; } .taxonomias span.filtro { font: 12px Dosis; text-transform: uppercase; background: #FFF; padding: 1px 3px 1px 3px; display: inline-block; margin 1px 3px 1px 3px; } .taxonomias span.filtro span.ss-icon { font-size: 9px; } .taxonomias span.color-investigaciones { background: #00FFB2; } .taxonomias span.color-entrevistas { background: #00ffff; } .taxonomias span.color-docencia { background: #fcff00; } .taxonomias span.color-participa { background: #ff0078; } /** PÁGINAS **/ .fondo-lineas-cabecera { background: url('images/fondo2.png'); } #isotope-equipo { width: 100%; display: block; position: relative; } #isotope-equipo .modulo { margin-bottom: 30px; display: block; position: relative; border-bottom: 5px solid #000; padding-bottom: 13px; } #isotope-equipo .modulo .contenedora-titulo { display: block; margin: 0px 0px 12px 0px; } #isotope-equipo .modulo .contenedora-titulo span.titulo { display: inline; font: 600 15px Dosis; color: #00FFB2; background: #000; padding: 2px 5px 2px 5px; } #isotope-equipo .modulo img { display: block; margin: 0px 0px 10px 0px; } #isotope-equipo .modulo span.proyecto-antetitulo { font-weight: 500; font-size: 13px; display: block; margin: 0px 0px 0px 0px; } #isotope-equipo .modulo span.proyecto-titulo { font: 700 18px Dosis; display: block; margin: 0px 0px 5px 0px; } #isotope-equipo .modulo-sobre { padding: 30px 30px 35px 30px !important; top: -30px; left: -30px; width: 100%; height: 100%; position: absolute; background: #FFF; z-index: -3; display: none; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } #isotope-equipo .modulo:hover .modulo-sobre { display: block; } /** SINGLE **/ #isotope-imagenes { width: 100%; display: block; position: relative; } #isotope-imagenes .modulo, #isotope-imagenes .modulo-doble { margin-bottom: 30px; display: block; position: relative; } /** FORMULARIO **/ .gform_wrapper ul.gform_fields li.gfield, .gform_wrapper .description, .gform_wrapper .gfield_description, .gform_wrapper .gsection_description { padding-right: 0px !important; } .gform_wrapper .gsection { border-bottom: none !important; } .gform_wrapper { display: block; margin: 0px 0px 15px 0px; position: relative; } .gform_wrapper ul { display: block; margin-bottom: 0px; } .gform_wrapper ul li { list-style:none; display: block; margin: 0px 0px 25px 0px !important; padding-left: 0px !important; width: 100%; } .gform_wrapper ul li.oculto { display: none !important; } .gform_wrapper input[type=text], .gform_wrapper input[type=email] { border: none; border-bottom: 2px solid #000; background: #FFF; width: 100% !important; padding: 5px 9px; margin: 0px !important; } .gform_wrapper textarea { border: none; border-bottom: 2px solid #000; background: #FFF; width: 100%; height: 66px; padding: 5px 9px; } .gform_wrapper ul li select { padding: 5px 5px; width: 100% !important; } .gform_wrapper ul li h2 { font: 700 15px Roboto !important; display: block !important; } .gform_wrapper #map-canvas { display: block; margin-top: 14px !important; } .gform_wrapper input[type=submit] { width: 100% !important; background: #00FFB2; color: #000; font: 700 15px Roboto; border: none; padding: 6px; } .gform_wrapper input[type=submit]:hover { background: #000; color: #00FFB2; } /** FOOTER **/ .footer { font-size: 11px; line-height: 15px; } .footer p { display: block; text-align: inherit; margin-bottom: 7px; } .footer img { margin-top: 4px; margin-bottom: 7px; } .footer a { border-bottom: 1px solid #00FFB2; } .footer a:hover { border-bottom: 1px solid #000; } /*! Gray v1.4.5 (https://github.com/karlhorky/gray) | MIT */ .grayscale { /* Firefox 10-34 */ filter: url("data:image/svg+xml;utf8,#grayscale"); /* Chrome 19+, Safari 6+, Safari 6+ iOS, Opera 15+ */ -webkit-filter: grayscale(1); /* Firefox 35+ */ filter: grayscale(1); /* IE 6-9 */ filter: gray; } .grayscale.grayscale-fade { transition: filter .5s; } /* Webkit hack until filter is unprefixed */ @media screen and (-webkit-min-device-pixel-ratio: 0) { .grayscale.grayscale-fade { -webkit-transition: -webkit-filter .5s; transition: -webkit-filter .5s; } } .grayscale.grayscale-off, .grayscale.grayscale-fade:hover { -webkit-filter: grayscale(0); filter: grayscale(0); } /* Background element */ .grayscale.grayscale-replaced { -webkit-filter: none; filter: none; } .grayscale.grayscale-replaced > svg { -webkit-transition: opacity .5s ease; transition: opacity .5s ease; opacity: 1; } .grayscale.grayscale-replaced.grayscale-off > svg, .grayscale.grayscale-replaced.grayscale-fade:hover > svg { opacity: 0; } #isotope .modulo:hover .grayscale-fade { transition: filter .5s; } /* Webkit hack until filter is unprefixed */ @media screen and (-webkit-min-device-pixel-ratio: 0) { .grayscale-fade { -webkit-transition: -webkit-filter .5s; transition: -webkit-filter .5s; } } #isotope .modulo:hover .grayscale-fade { -webkit-filter: grayscale(0); filter: grayscale(0); } /* This triggers a redraw in IE to Fix IE8's :before content rendering. */ html:hover [class^="ss-"]{-ms-zoom: 1;} .ss-icon, .ss-icon.ss-social-regular, [class^="ss-"]:before, [class*=" ss-"]:before, [class^="ss-"].ss-social-regular:before, [class*=" ss-"].ss-social-regular:before, [class^="ss-"].right:after, [class*=" ss-"].right:after, [class^="ss-"].ss-social-regular.right:after, [class*=" ss-"].ss-social-regular.right:after { font-family: "SSSocialRegular"; font-style: normal; font-weight: normal; text-decoration: none; text-rendering: optimizeLegibility; white-space: nowrap; /*-webkit-font-feature-settings: "liga"; Currently broken in Chrome >= v22. Falls back to text-rendering. Safari is unaffected. */ -moz-font-feature-settings: "liga=1"; -moz-font-feature-settings: "liga"; -ms-font-feature-settings: "liga" 1; -o-font-feature-settings: "liga"; font-feature-settings: "liga"; -webkit-font-smoothing: antialiased; } [class^="ss-"].right:before, [class*=" ss-"].right:before{display:none;content:'';} .ss-facebook:before,.ss-facebook.right:after{content:''}.ss-twitter:before,.ss-twitter.right:after{content:''}.ss-linkedin:before,.ss-linkedin.right:after{content:''}.ss-googleplus:before,.ss-googleplus.right:after{content:''}.ss-appdotnet:before,.ss-appdotnet.right:after{content:''}.ss-zerply:before,.ss-zerply.right:after{content:''}.ss-reddit:before,.ss-reddit.right:after{content:''}.ss-steam:before,.ss-steam.right:after{content:''}.ss-tumblr:before,.ss-tumblr.right:after{content:''}.ss-wordpress:before,.ss-wordpress.right:after{content:''}.ss-blogger:before,.ss-blogger.right:after{content:''}.ss-posterous:before,.ss-posterous.right:after{content:''}.ss-quora:before,.ss-quora.right:after{content:''}.ss-youtube:before,.ss-youtube.right:after{content:''}.ss-vimeo:before,.ss-vimeo.right:after{content:''}.ss-vine:before,.ss-vine.right:after{content:''}.ss-letterboxd:before,.ss-letterboxd.right:after{content:''}.ss-flickr:before,.ss-flickr.right:after{content:''}.ss-instagram:before,.ss-instagram.right:after{content:''}.ss-500px:before,.ss-500px.right:after{content:''}.ss-etsy:before,.ss-etsy.right:after{content:''}.ss-pinterest:before,.ss-pinterest.right:after{content:''}.ss-svpply:before,.ss-svpply.right:after{content:''}.ss-readmill:before,.ss-readmill.right:after{content:''}.ss-dropbox:before,.ss-dropbox.right:after{content:''}.ss-pinboard:before,.ss-pinboard.right:after{content:''}.ss-delicious:before,.ss-delicious.right:after{content:''}.ss-dribbble:before,.ss-dribbble.right:after{content:''}.ss-behance:before,.ss-behance.right:after{content:''}.ss-github:before,.ss-github.right:after{content:''}.ss-octocat:before,.ss-octocat.right:after{content:''}.ss-stackoverflow:before,.ss-stackoverflow.right:after{content:''}.ss-paypal:before,.ss-paypal.right:after{content:''}.ss-kickstarter:before,.ss-kickstarter.right:after{content:''}.ss-foursquare:before,.ss-foursquare.right:after{content:''}.ss-yelp:before,.ss-yelp.right:after{content:''}.ss-skype:before,.ss-skype.right:after{content:''}.ss-rdio:before,.ss-rdio.right:after{content:''}.ss-spotify:before,.ss-spotify.right:after{content:''}.ss-lastfm:before,.ss-lastfm.right:after{content:''}.ss-soundcloud:before,.ss-soundcloud.right:after{content:''}.ss-link:before,.ss-link.right:after{content:'🔗'}.ss-phone:before,.ss-phone.right:after{content:'📞'}.ss-mail:before,.ss-mail.right:after{content:'✉'}.ss-like:before,.ss-like.right:after{content:'👍'}.ss-rss:before,.ss-rss.right:after{content:''}.ss-share:before,.ss-share.right:after{content:''}.ss-apple:before,.ss-apple.right:after{content:''}.ss-microsoft:before,.ss-microsoft.right:after{content:''}.ss-windows:before,.ss-windows.right:after{content:''}.ss-android:before,.ss-android.right:after{content:''}.ss-blackberry:before,.ss-blackberry.right:after{content:''} /* Legacy */ .ss-fivehundredpx:before,.ss-fivehundredpx.right:after{content:''} /* This triggers a redraw in IE to Fix IE8's :before content rendering. */ html:hover [class^="ss-"]{-ms-zoom: 1;} .ss-icon, .ss-icon.ss-standard, [class^="ss-"]:before, [class*=" ss-"]:before, [class^="ss-"].ss-standard:before, [class*=" ss-"].ss-standard:before, [class^="ss-"].right:after, [class*=" ss-"].right:after, [class^="ss-"].ss-standard.right:after, [class*=" ss-"].ss-standard.right:after { font-family: "SSStandard"; font-style: normal; font-weight: normal; text-decoration: none; text-rendering: optimizeLegibility; white-space: nowrap; /*-webkit-font-feature-settings: "liga"; Currently broken in Chrome >= v22. Falls back to text-rendering. Safari is unaffected. */ -moz-font-feature-settings: "liga=1"; -moz-font-feature-settings: "liga"; -ms-font-feature-settings: "liga" 1; -o-font-feature-settings: "liga"; font-feature-settings: "liga"; -webkit-font-smoothing: antialiased; } [class^="ss-"].right:before, [class*=" ss-"].right:before{display:none;content:'';} .ss-cursor:before,.ss-cursor.right:after{content:''}.ss-crosshair:before,.ss-crosshair.right:after{content:'⌖'}.ss-search:before,.ss-search.right:after{content:'🔎'}.ss-zoomin:before,.ss-zoomin.right:after{content:''}.ss-zoomout:before,.ss-zoomout.right:after{content:''}.ss-view:before,.ss-view.right:after{content:'👀'}.ss-attach:before,.ss-attach.right:after{content:'📎'}.ss-link:before,.ss-link.right:after{content:'🔗'}.ss-move:before,.ss-move.right:after{content:''}.ss-write:before,.ss-write.right:after{content:'✎'}.ss-writingdisabled:before,.ss-writingdisabled.right:after{content:''}.ss-erase:before,.ss-erase.right:after{content:'✐'}.ss-compose:before,.ss-compose.right:after{content:'📝'}.ss-lock:before,.ss-lock.right:after{content:'🔒'}.ss-unlock:before,.ss-unlock.right:after{content:'🔓'}.ss-key:before,.ss-key.right:after{content:'🔑'}.ss-backspace:before,.ss-backspace.right:after{content:'⌫'}.ss-ban:before,.ss-ban.right:after{content:'🚫'}.ss-trash:before,.ss-trash.right:after{content:''}.ss-target:before,.ss-target.right:after{content:'◎'}.ss-tag:before,.ss-tag.right:after{content:''}.ss-bookmark:before,.ss-bookmark.right:after{content:'🔖'}.ss-flag:before,.ss-flag.right:after{content:'⚑'}.ss-like:before,.ss-like.right:after{content:'👍'}.ss-dislike:before,.ss-dislike.right:after{content:'👎'}.ss-heart:before,.ss-heart.right:after{content:'♥'}.ss-halfheart:before,.ss-halfheart.right:after{content:''}.ss-star:before,.ss-star.right:after{content:'⋆'}.ss-halfstar:before,.ss-halfstar.right:after{content:''}.ss-sample:before,.ss-sample.right:after{content:''}.ss-crop:before,.ss-crop.right:after{content:''}.ss-layers:before,.ss-layers.right:after{content:''}.ss-fill:before,.ss-fill.right:after{content:''}.ss-stroke:before,.ss-stroke.right:after{content:''}.ss-phone:before,.ss-phone.right:after{content:'📞'}.ss-phonedisabled:before,.ss-phonedisabled.right:after{content:''}.ss-rss:before,.ss-rss.right:after{content:''}.ss-facetime:before,.ss-facetime.right:after{content:''}.ss-reply:before,.ss-reply.right:after{content:'↩'}.ss-send:before,.ss-send.right:after{content:''}.ss-mail:before,.ss-mail.right:after{content:'✉'}.ss-inbox:before,.ss-inbox.right:after{content:'📥'}.ss-chat:before,.ss-chat.right:after{content:'💬'}.ss-ellipsischat:before,.ss-ellipsischat.right:after{content:''}.ss-ellipsis:before,.ss-ellipsis.right:after{content:'…'}.ss-user:before,.ss-user.right:after{content:'👤'}.ss-femaleuser:before,.ss-femaleuser.right:after{content:'👧'}.ss-users:before,.ss-users.right:after{content:'👥'}.ss-cart:before,.ss-cart.right:after{content:''}.ss-creditcard:before,.ss-creditcard.right:after{content:'💳'}.ss-dollarsign:before,.ss-dollarsign.right:after{content:'💲'}.ss-barchart:before,.ss-barchart.right:after{content:'📊'}.ss-piechart:before,.ss-piechart.right:after{content:''}.ss-box:before,.ss-box.right:after{content:'📦'}.ss-home:before,.ss-home.right:after{content:'⌂'}.ss-buildings:before,.ss-buildings.right:after{content:'🏢'}.ss-warehouse:before,.ss-warehouse.right:after{content:''}.ss-globe:before,.ss-globe.right:after{content:'🌎'}.ss-navigate:before,.ss-navigate.right:after{content:''}.ss-compass:before,.ss-compass.right:after{content:''}.ss-signpost:before,.ss-signpost.right:after{content:''}.ss-map:before,.ss-map.right:after{content:''}.ss-location:before,.ss-location.right:after{content:''}.ss-pin:before,.ss-pin.right:after{content:'📍'}.ss-database:before,.ss-database.right:after{content:''}.ss-hdd:before,.ss-hdd.right:after{content:''}.ss-music:before,.ss-music.right:after{content:'♫'}.ss-mic:before,.ss-mic.right:after{content:'🎤'}.ss-volume:before,.ss-volume.right:after{content:'🔈'}.ss-lowvolume:before,.ss-lowvolume.right:after{content:'🔉'}.ss-highvolume:before,.ss-highvolume.right:after{content:'🔊'}.ss-airplay:before,.ss-airplay.right:after{content:''}.ss-camera:before,.ss-camera.right:after{content:'📷'}.ss-picture:before,.ss-picture.right:after{content:'🌄'}.ss-video:before,.ss-video.right:after{content:'📹'}.ss-play:before,.ss-play.right:after{content:'▶'}.ss-pause:before,.ss-pause.right:after{content:''}.ss-stop:before,.ss-stop.right:after{content:'■'}.ss-record:before,.ss-record.right:after{content:'●'}.ss-rewind:before,.ss-rewind.right:after{content:'⏪'}.ss-fastforward:before,.ss-fastforward.right:after{content:'⏩'}.ss-skipback:before,.ss-skipback.right:after{content:'⏮'}.ss-skipforward:before,.ss-skipforward.right:after{content:'⏭'}.ss-eject:before,.ss-eject.right:after{content:'⏏'}.ss-repeat:before,.ss-repeat.right:after{content:'🔁'}.ss-replay:before,.ss-replay.right:after{content:'↺'}.ss-shuffle:before,.ss-shuffle.right:after{content:'🔀'}.ss-book:before,.ss-book.right:after{content:'📕'}.ss-openbook:before,.ss-openbook.right:after{content:'📖'}.ss-notebook:before,.ss-notebook.right:after{content:'📓'}.ss-newspaper:before,.ss-newspaper.right:after{content:'📰'}.ss-grid:before,.ss-grid.right:after{content:''}.ss-rows:before,.ss-rows.right:after{content:''}.ss-columns:before,.ss-columns.right:after{content:''}.ss-thumbnails:before,.ss-thumbnails.right:after{content:''}.ss-filter:before,.ss-filter.right:after{content:''}.ss-desktop:before,.ss-desktop.right:after{content:'💻'}.ss-laptop:before,.ss-laptop.right:after{content:''}.ss-tablet:before,.ss-tablet.right:after{content:''}.ss-cell:before,.ss-cell.right:after{content:'📱'}.ss-battery:before,.ss-battery.right:after{content:'🔋'}.ss-highbattery:before,.ss-highbattery.right:after{content:''}.ss-mediumbattery:before,.ss-mediumbattery.right:after{content:''}.ss-lowbattery:before,.ss-lowbattery.right:after{content:''}.ss-emptybattery:before,.ss-emptybattery.right:after{content:''}.ss-lightbulb:before,.ss-lightbulb.right:after{content:'💡'}.ss-downloadcloud:before,.ss-downloadcloud.right:after{content:''}.ss-download:before,.ss-download.right:after{content:''}.ss-uploadcloud:before,.ss-uploadcloud.right:after{content:''}.ss-upload:before,.ss-upload.right:after{content:''}.ss-fork:before,.ss-fork.right:after{content:''}.ss-merge:before,.ss-merge.right:after{content:''}.ss-transfer:before,.ss-transfer.right:after{content:'⇆'}.ss-refresh:before,.ss-refresh.right:after{content:'↻'}.ss-sync:before,.ss-sync.right:after{content:''}.ss-loading:before,.ss-loading.right:after{content:''}.ss-wifi:before,.ss-wifi.right:after{content:''}.ss-connection:before,.ss-connection.right:after{content:''}.ss-file:before,.ss-file.right:after{content:'📄'}.ss-folder:before,.ss-folder.right:after{content:'📁'}.ss-quote:before,.ss-quote.right:after{content:'“'}.ss-text:before,.ss-text.right:after{content:''}.ss-font:before,.ss-font.right:after{content:''}.ss-print:before,.ss-print.right:after{content:'⎙'}.ss-fax:before,.ss-fax.right:after{content:'📠'}.ss-list:before,.ss-list.right:after{content:''}.ss-layout:before,.ss-layout.right:after{content:''}.ss-action:before,.ss-action.right:after{content:''}.ss-redirect:before,.ss-redirect.right:after{content:'↪'}.ss-expand:before,.ss-expand.right:after{content:'⤢'}.ss-contract:before,.ss-contract.right:after{content:''}.ss-help:before,.ss-help.right:after{content:'❓'}.ss-info:before,.ss-info.right:after{content:'ℹ'}.ss-alert:before,.ss-alert.right:after{content:'⚠'}.ss-caution:before,.ss-caution.right:after{content:'⛔'}.ss-logout:before,.ss-logout.right:after{content:''}.ss-plus:before,.ss-plus.right:after{content:'+'}.ss-hyphen:before,.ss-hyphen.right:after{content:'-'}.ss-check:before,.ss-check.right:after{content:'✓'}.ss-delete:before,.ss-delete.right:after{content:'␡'}.ss-settings:before,.ss-settings.right:after{content:'⚙'}.ss-dashboard:before,.ss-dashboard.right:after{content:''}.ss-notifications:before,.ss-notifications.right:after{content:'🔔'}.ss-notificationsdisabled:before,.ss-notificationsdisabled.right:after{content:'🔕'}.ss-clock:before,.ss-clock.right:after{content:'⏲'}.ss-stopwatch:before,.ss-stopwatch.right:after{content:'⏱'}.ss-calendar:before,.ss-calendar.right:after{content:'📅'}.ss-addcalendar:before,.ss-addcalendar.right:after{content:''}.ss-removecalendar:before,.ss-removecalendar.right:after{content:''}.ss-checkcalendar:before,.ss-checkcalendar.right:after{content:''}.ss-deletecalendar:before,.ss-deletecalendar.right:after{content:''}.ss-briefcase:before,.ss-briefcase.right:after{content:'💼'}.ss-cloud:before,.ss-cloud.right:after{content:'☁'}.ss-droplet:before,.ss-droplet.right:after{content:'💧'}.ss-flask:before,.ss-flask.right:after{content:''}.ss-up:before,.ss-up.right:after{content:'⬆'}.ss-upright:before,.ss-upright.right:after{content:'⬈'}.ss-right:before,.ss-right.right:after{content:'➡'}.ss-downright:before,.ss-downright.right:after{content:'⬊'}.ss-down:before,.ss-down.right:after{content:'⬇'}.ss-downleft:before,.ss-downleft.right:after{content:'⬋'}.ss-left:before,.ss-left.right:after{content:'⬅'}.ss-upleft:before,.ss-upleft.right:after{content:'⬉'}.ss-navigateup:before,.ss-navigateup.right:after{content:''}.ss-navigateright:before,.ss-navigateright.right:after{content:'▻'}.ss-navigatedown:before,.ss-navigatedown.right:after{content:''}.ss-navigateleft:before,.ss-navigateleft.right:after{content:'◅'}.ss-directup:before,.ss-directup.right:after{content:'▴'}.ss-directright:before,.ss-directright.right:after{content:'▹'}.ss-dropdown:before,.ss-dropdown.right:after{content:'▾'}.ss-directleft:before,.ss-directleft.right:after{content:'◃'}.ss-retweet:before,.ss-retweet.right:after{content:''} /* Legacy classes */ .ss-volumelow:before,.ss-volumelow.right:after{content:'🔉'}.ss-volumehigh:before,.ss-volumehigh.right:after{content:'🔊'}.ss-batteryhigh:before,.ss-batteryhigh.right:after{content:''}.ss-batterymedium:before,.ss-batterymedium.right:after{content:''}.ss-batterylow:before,.ss-batterylow.right:after{content:''}.ss-batteryempty:before,.ss-batteryempty.right:after{content:''}.ss-clouddownload:before,.ss-clouddownload.right:after{content:''}.ss-cloudupload:before,.ss-cloudupload.right:after{content:''}.ss-calendaradd:before,.ss-calendaradd.right:after{content:''}.ss-calendarremove:before,.ss-calendarremove.right:after{content:''}.ss-calendarcheck:before,.ss-calendarcheck.right:after{content:''}.ss-calendardelete:before,.ss-calendardelete.right:after{content:''}