/*
Theme Name: skylabco.com
Author: Future of Media Kft.
Author URI: https://futureofmedia.hu/
Description: skylabco.com
Version: 1.0
*/

@import "css/layout/_header.css?v=1.62";
@import "css/layout/_footer.css?v=1.62";
@import "css/_font.css?v=1.62";
@import "css/_common.css?v=1.62";
@import "css/_front-page.css?v=1.62";
@import "css/_page-about-our-mission.css?v=1.62";
@import "css/_page-404.css?v=1.62";

body {
    color: #fff;
    font-family: FuturaRound;
    font-size: 16px;
    /*line-height: 20px;*/
    line-height: 24px;
    font-weight: 400;
    /*background: url('img/bg.jpg') center / cover;*/
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 100%;
    margin: 0;
    min-height: 100vh;    
    overflow-x: hidden;
    position: relative;
}

body:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .2);
}

body.fixed {
    overflow: hidden;
}

main {
    display: flex;
    flex-direction: column;
    justify-content: center;
    flex: 1;
    z-index: 1;
    transition: filter .25s ease-in-out;
}

main:empty {
    display: none;
}

section {
    position: relative;
    padding: 50px 0;
    overflow: hidden;
}

/*@media screen and (max-width: 991px) {
    section {
        padding: 50px 0;
    }
}*/

h1 {
    font-size: 46px;
    line-height: 55px;
    margin-bottom: 30px;
    color: #fff;
}

@media screen and (max-width: 767px) {
    h1 {
        font-size: 34px;
        line-height: 41px;
    }
}

h2 {
    font-size: 34px;
    line-height: 41px;
    margin-bottom: 30px;
    color: #fff;
}

@media screen and (max-width: 767px) {
    h2 {
        font-size: 28px;
        line-height: 35px;
    }
}

img {
    max-width: 100%;
    height: auto;
}

iframe {
    max-width: 100%;
    max-height: 100%;
}

*:focus {
    outline: none;
}

a,
button,
input,
textarea {
    transition: all .25s ease-in-out;
}

b, 
strong {
    font-weight: bold;
}

input,
textarea {
    width: 100%;
    padding: 8px;
    border-radius: 0;
    border: 2px solid #fff;
    font-size: 24px;
    line-height: 1;
    color: #fff;
    font-weight: 300;
    background: none;
    text-align: center;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    transition: background-color 5000s ease-in-out 0s;
    -webkit-text-fill-color: #fff !important;
    font-size: 24px;
    line-height: 1;
}

@media screen and (max-width: 767px) {
    input:-webkit-autofill,
    input:-webkit-autofill:hover,
    input:-webkit-autofill:focus,
    input:-webkit-autofill:active {
        font-size: 16px;
    }
}

input:active,
input:focus,
textarea:active,
textarea:focus {
    box-shadow: 0 0 10px #fff;
}

@media screen and (max-width: 767px) {
    input,
    textarea {
        font-size: 16px;
        line-height: 25px;
        padding: 11px 20px 14px;
    }
}

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: rgba(255, 255, 255, .5);
}
::-moz-placeholder { /* Firefox 19+ */
    color: rgba(255, 255, 255, .5);
}
:-ms-input-placeholder { /* IE 10+ */
    color: rgba(255, 255, 255, .5);
}
:-moz-placeholder { /* Firefox 18- */
    color: rgba(255, 255, 255, .5);
}

textarea {
    height: 150px;
    resize: none;
}

a {
    color: #fff;
    text-decoration: none;
    position: relative;
}

a:hover {
    color: #fff;
    text-decoration: none;
}

a:active {
    color: #fff;
}

button:not(:disabled),
input[type="submit"]:not(:disabled) {
    color: #fff;
    background: #95c41f;
    border: 2px solid #95c41f;
}

button:not(:disabled) {
    border: 2px solid #95c41f;
}

form label {
    width: 100%;
}

/* width */
::-webkit-scrollbar {
    width: 3px;
}

/* Track */
::-webkit-scrollbar-track {
    background: #f1f1f1;
}

/* Handle */
::-webkit-scrollbar-thumb {
    background: #888;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
    background: #555;
}