/* Theme Name: Nocon
Description: Child Theme von Enfold
Version: 1.0
Author: BLACKTENT
Author URI: https://www.blacktent.de/
Template: enfold */

html {
    font-size: 16px;
}


/* open-sans-regular - latin */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    src: url('./fonts/open-sans-v23-latin-regular.eot');
    /* IE9 Compat Modes */
    src: local(''),
        url('./fonts/open-sans-v23-latin-regular.eot?#iefix') format('embedded-opentype'),
        /* IE6-IE8 */
        url('./fonts/open-sans-v23-latin-regular.woff2') format('woff2'),
        /* Super Modern Browsers */
        url('./fonts/open-sans-v23-latin-regular.woff') format('woff'),
        /* Modern Browsers */
        url('./fonts/open-sans-v23-latin-regular.ttf') format('truetype'),
        /* Safari, Android, iOS */
        url('./fonts/open-sans-v23-latin-regular.svg#OpenSans') format('svg');
    /* Legacy iOS */
}

/* open-sans-600 - latin */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    src: url('./fonts/open-sans-v23-latin-600.eot');
    /* IE9 Compat Modes */
    src: local(''),
        url('./fonts/open-sans-v23-latin-600.eot?#iefix') format('embedded-opentype'),
        /* IE6-IE8 */
        url('./fonts/open-sans-v23-latin-600.woff2') format('woff2'),
        /* Super Modern Browsers */
        url('./fonts/open-sans-v23-latin-600.woff') format('woff'),
        /* Modern Browsers */
        url('./fonts/open-sans-v23-latin-600.ttf') format('truetype'),
        /* Safari, Android, iOS */
        url('./fonts/open-sans-v23-latin-600.svg#OpenSans') format('svg');
    /* Legacy iOS */
}

@font-face {
    font-family: 'Borealis';
    font-style: normal;
    font-weight: 400;
    src: url('./fonts/borealis.ttf');
    /* IE9 Compat Modes */
    src: local(''),
        /* Modern Browsers */
        url('./fonts/borealis.ttf') format('truetype'),
        url('./fonts/borealis.woff2') format('woff2'),
       url('./fonts/borealis.woff') format('woff'),
       url('./fonts/borealis.ttf')  format('truetype');
}

/*slogan*/
h2.slogan, .slogan h2 {
    font-family: 'Borealis';
    font-style: normal;
    font-weight: 400 !important;
    color:#f5222f;
    font-size: 3vw;
}

@media only screen and (max-width: 1300px) {
    
    h2.slogan, .slogan h2 {
        font-size: 44px;
    }
    
}
/**/


body#top,
body#top p {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    font-size: 1rem;
    color: #333;
    line-height: 1.7;
    text-align: left;
}

body#top p {
    text-align: left;
}

body#top,
header#header {
    max-width: 1920px;
    width: 100%;
    margin: 0 auto;
}

@media only screen and (min-width: 767px) {
body#top p {
    text-align: justify;
}

}


body#top div#header_meta {
    background-color: #333;
}

body#top div#header_meta a {
    color: #fff;
}

span.logo a {
    display: flex;
    align-items: center;
}

header#header div#header_main .container.av-logo-container span.logo a img {
    max-height: 70px !important;
}

header#header.header-scrolled div#header_main .container.av-logo-container span.logo a img {
    max-height: 38px !important;
}

.ls-layers h1 {
    color: #005ed2;
}

.iconlist_icon span.iconlist-char,
.av_iconlist_title.iconlist_title_small {
    font-size: 1rem;
}

ul.big li {
    color: #666;
    font-size: 18px;
}


/*menue*/

@media only screen and (max-width: 1300px) {.av-main-nav > li.menu-item-avia-special {
    display: block;
}
.av-main-nav > li {
    display: none;
}
}
/**/


/*---- TILES ----*/

body#top .tiles .flex_column h2.av-special-heading-tag,
body#top .tiles .flex_column h3.av-special-heading-tag {
    background-color: #333;
    font-size: 1rem;
    padding: 25px;
    min-height: 83px;
    display: flex;
    align-items: center;
    justify-content: center;
}

body#top .tiles .flex_column .avia-image-container {
    margin-bottom: 25px;
}


body#top .tiles .flex_column section.av_textblock_section {
    min-height: 115px;
}

body#top .tiles .flex_column section.av_textblock_section p {
    font-size: .9rem;
}

body#top .tiles .flex_column a.avia-button {
    background-color: transparent;
    padding-left: 0;
    text-align: left;
}

body#top .tiles .flex_column a.avia-button span.avia_iconbox_title {
    font-size: .9rem;
}

/*---- FOOTER & SOCKET ----*/

body#top #footer,
body#top #socket {
    background-color: #333;
    padding-bottom: 0;
}

body#top #footer section#custom_html-5 {
    margin-bottom: 0;
}

@media only screen and (min-width: 767px) {

    body#top #footer .footer-wrapper {
        display: flex;
        justify-content: space-between;
    }

    body#top #footer .footer-wrapper > div {
        width: 30%;
    }

    body#top #footer .footer-wrapper .contactform {
        width: 63%;
        margin-left: 6%;
    }

    body#top #footer .footer-wrapper .contactform .form-wrapper {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
    }

    body#top #footer .footer-wrapper .contactform .form-wrapper div {
        width: 48%;
    }

    #top .footer_color .input-text,
    #top .footer_color input[type='text'],
    #top .footer_color input[type='input'],
    #top .footer_color input[type='password'],
    #top .footer_color input[type='email'],
    #top .footer_color input[type='number'],
    #top .footer_color input[type='url'],
    #top .footer_color input[type='tel'],
    #top .footer_color input[type='search'],
    #top .footer_color textarea,
    #top .footer_color select {
        border-color: transparent;
        background-color: #fff;
        color: #333;
        margin-bottom: 0;
    }

    ::-webkit-input-placeholder {
        color: #333 !important;
    }

    ::-moz-placeholder {
        color: #333 !important;
    }

    ::-moz-placeholder {
        color: #333 !important;
    }

    ::-ms-input-placeholder {
        color: #333 !important;
    }


    body#top #footer .footer-wrapper .contactform .form-wrapper div.accept {
        width: 100%;
        font-size: .8rem;
    }

    body#top #footer .footer-wrapper .contactform .form-wrapper div.accept p {
        font-size: .75rem;
        color: #fff;
    }

    body#top #footer .footer-wrapper .contactform .form-wrapper div.accept span.wpcf7-list-item {
        margin-left: 0;
    }

    body#top #footer input.wpcf7-form-control.wpcf7-submit {
        color: #333;
        width: 100%;
        margin-top: 8px;
    }

    body#top #footer input.wpcf7-form-control.wpcf7-submit:hover {
        color: #333;
    }
}