/* ==========================================================================
   LAUNCHER SCREEN STYLES
   ========================================================================== */

.en, .es, .it, .gl, .pt, .ca {
    display: none;
}

/* hide all elements with a language class */
.en:lang(en), .es:lang(es), .it:lang(it), .gl:lang(gl), .pt:lang(pt), .ca:lang(ca) {
    display: block;
}


/* Icons Font Definition
========================================================================== */

@font-face {
    font-family: 'icomoon';
    src: url('../fonts/icomoon.eot?pg5sk8');
    src: url('../fonts/icomoon.eot?pg5sk8#iefix') format('embedded-opentype'),
    url('../fonts/icomoon.ttf?pg5sk8') format('truetype'),
    url('../fonts/icomoon.woff?pg5sk8') format('woff'),
    url('../fonts/icomoon.svg?pg5sk8#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: block;
}

i {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon' !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-werfen:before {
    content: "\e906";
}

.icon-pen:before {
    content: "\e90c";
}

.icon-printer:before {
    content: "\e013";
}

.icon-bargraph:before {
    content: "\e018";
}

.icon-adjustments:before {
    content: "\e01d";
}

.icon-legacy:before {
    content: "\e01f";
}

.icon-map:before {
    content: "\e025";
}

.icon-homelab:before {
    content: "\e02a";
}

.icon-layers:before {
    content: "\e031";
}

.icon-beaker:before {
    content: "\e03c";
}

.icon-profile-male:before {
    content: "\e040";
}

.icon-genius:before {
    content: "\e046";
}

.icon-chat:before {
    content: "\e049";
}

.icon-hazardous:before {
    content: "\e04f";
}

.icon-global:before {
    content: "\e052";
}

.icon-appstore:before {
    content: "\e900";
}

.icon-gplay:before {
    content: "\e901";
}

.icon-laboratory:before {
    content: "\e902";
}

.icon-modulab:before {
    content: "\e903";
}

.icon-plus:before {
    content: "\e904";
}

.icon-tubes:before {
    content: "\e905";
}

.icon-configuration:before {
    content: "\e907";
}

.icon-windows:before {
    content: "\eac2";
}

.icon-mobile:before {
    content: "\e958";
}

body {
    background-color: rgb(21, 143, 239);
    color: white;
    font-family: Arial, Helvetica, sans-serif;
}

.slab-launcher-header {
    height: 70px;
}

@media screen and (max-width: 950px) {
    .slab-launcher-content {
        width: 100%;
    }
}

@media screen and (min-width: 950px) {
    .slab-launcher-content {
        width: 75%;
    }
}

/* Language menu
========================================================================== */

.slab-languages-item {
    padding-top: 1.0rem;
    font-size: 0.7rem;
    opacity: 0.5;
}

.slab-languages-item,
.slab-languages-item:hover {
    border-top: solid 4px transparent;
    color: white;
    text-decoration: none;
}

.slab-languages-item:hover {
    opacity: 1;
}

.slab-languages-item-active-en:lang(en) {
    border-top: solid 4px white !important;
    opacity: 1;
}

.slab-languages-item-active-es:lang(es) {
    border-top: solid 4px white !important;
    opacity: 1;
}

.slab-languages-item-active-it:lang(it) {
    border-top: solid 4px white !important;
    opacity: 1;
}

.slab-languages-item-active-gl:lang(gl) {
    border-top: solid 4px white !important;
    opacity: 1;
}

.slab-languages-item-active-pt:lang(pt) {
    border-top: solid 4px white !important;
    opacity: 1;
}

.slab-languages-item-active-ca:lang(ca) {
    border-top: solid 4px white !important;
    opacity: 1;
}


/* Main content
========================================================================== */


@media screen and (max-width: 470px) {
    .icon-modulab {
        zoom: 200%;
        margin-top: 10px;
    }
}

@media screen and (min-width: 470px) {
    .icon-modulab {
        zoom: 150%;
    }
}

.slab-launcher-title {
    font-size: 2.4rem;
}

@media screen and (min-height: 950px) {
    .slab-launcher-title {
        font-size: 3rem;
    }
}

.slab-launcher-description {
    font-size: 1rem;
    line-height: 2rem;
}

@media screen and (min-height: 950px) {
    .slab-launcher-description {
        font-size: 1.3rem;
        line-height: 2.6rem;
        margin: 3rem 0;
    }
}


.slab-icon {
    border: solid 2px white;
}


/* Icon modifiers
========================================================================== */

.slab-icon-squared {
    width: 100px;
    height: 100px;
}

.slab-icon-rounded {
    border-radius: 34px;
}

.slab-icon-small {
    font-size: 23px;
}

.slab-icon-medium {
    font-size: 48px;
}

.slab-icon-large {
    font-size: 55px;
}

.slab-icon-xlarge {
    font-size: 70px;
}

.slab-link {
    color: white;
}

.slab-link:hover {
    text-decoration: none;
    color: white;
}

.slab-link:hover .slab-icon {
    background: white;
    box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.3);
}

.slab-link:hover .slab-icon-primary:before {
    color: rgb(21, 143, 239);
}

.slab-link:hover .slab-menu-title {
    text-shadow: 5px 5px 15px rgba(0, 0, 0, 0.3);
}


/* Footer
========================================================================== */

.slab-copyright-text {
    font-size: 0.8rem;
}