/*
 Theme Name:   Applari
 Theme URI:    
 Description:  Applarin wordpresspohja
 Author:       -
 Author URI:   -
 Template:     enfold
 Version:      1.0.0
 Tags:         l
 Text Domain:  applari
*/

@import url("../enfold/style.css");
@font-face {
    font-family: 'Skatta Sans';
    src: url('fonts/SkattaSans-Regular.woff2') format('woff2'),
        url('fonts/SkattaSans-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Skatta Sans';
    src: url('fonts/SkattaSans-Bold.woff2') format('woff2'),
        url('fonts/SkattaSans-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Skatta Sans';
    src: url('fonts/SkattaSans-Light.woff2') format('woff2'),
        url('fonts/SkattaSans-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Skatta Sans';
    src: url('fonts/SkattaSans-Black.woff2') format('woff2'),
        url('fonts/SkattaSans-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Skatta Sans';
    src: url('fonts/SkattaSans-Medium.woff2') format('woff2'),
        url('fonts/SkattaSans-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Skatta Sans Headline';
    src: url('fonts/SkattaSansHeadline-Black.woff2') format('woff2'),
        url('fonts/SkattaSansHeadline-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

/* =Theme customization starts here
-------------------------------------------------------------- */
@media only screen and (min-width: 320px) {
    /*Variables*/
    :root{
        --primary-color:#ff6a00;
        --alternate-color:#310072;
        --heading-weight: 900;
    }
    /*Animation*/
    .animate{-webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -kthtml-transition: all 0.5s ease; transition: all 0.5s ease;}
    /*Typography*/
    #top #wrap_all{font-family:'Skatta Sans';}
    #top #wrap_all .alternate_color a{text-decoration: underline;}
    #top #wrap_all .alternate_color a.avia-button{text-decoration: none;}
    #top #wrap_all .alternate_color a.scroll-down-link{text-decoration: none;}
    #top #wrap_all .av-heading-link{text-decoration: none;}
    #top #wrap_all a.av-heading-link:hover{opacity: 1; text-decoration: underline;}
    
    /*Headings*/
    #top #wrap_all .av-special-heading{margin-top:0px; font-weight: var(--heading-weight); text-transform: uppercase;}
    #top #wrap_all .all_colors h1{font-size:40px; text-transform: none; font-weight: var(--heading-weight); font-family: 'Skatta Sans Headline'; text-transform: uppercase;}
    #top #wrap_all .all_colors h2{font-size:30px; text-transform: none; font-weight: var(--heading-weight); font-family: 'Skatta Sans Headline'; text-transform: uppercase;}
    #top #wrap_all .all_colors h3{font-size:24px; text-transform: none; font-weight: var(--heading-weight); font-family: 'Skatta Sans Headline'; text-transform: uppercase;}
    #top #wrap_all .all_colors h4{font-size:18px; text-transform: none; font-weight: var(--heading-weight); font-family: 'Skatta Sans Headline'; text-transform: uppercase;}
    
    /*Buttons*/
    body div .avia-button{border-radius:0;}
    #top #wrap_all .avia-button span{-webkit-text-stroke:0px; text-shadow: none;}
    #top #wrap_all .avia-button{border-width: 1px; padding:12px 10px;}
    #top #wrap_all .avia-button:hover{opacity: 1;}
    #top #wrap_all .avia-button.avia-color-theme-color{background: var(--alternate-color); color:#ffffff;}
    #top #wrap_all .avia-button.avia-color-theme-color:hover{background: var(--primary-color);}
    #top #wrap_all .avia-button.avia-color-light{padding:11px 10px;}
    #top #wrap_all .avia-button.avia-color-light:hover{background: var(--primary-color);}
    
    /*Form*/
    #top #wrap_all .avia_ajax_form{max-width: 768px; margin:0 auto;}
    #top .all_colors .input-text, 
    #top .all_colors input[type="text"], 
    #top .all_colors input[type="input"], 
    #top .all_colors input[type="password"], 
    #top .all_colors input[type="email"], 
    #top .all_colors input[type="number"], 
    #top .all_colors input[type="url"], 
    #top .all_colors input[type="tel"], 
    #top .all_colors input[type="search"], 
    #top .all_colors textarea, #top .all_colors .text_area, 
    #top .all_colors select{}
    #top ::placeholder {color: #908E8E; opacity: 1;}
    #top :-ms-input-placeholder {color: #908E8E;}
    #top ::-ms-input-placeholder {color: #908E8E;}
    #top .all_colors input[type="submit"]{background:var(--primary-color);}
    #top .all_colors input[type="submit"]:hover{background:var(--alternate-color);}
    #top #wrap_all .footer .avia_image{width: 100%;}
    .avia-video, .avia-iframe-wrap{margin: 0px;}

    /*Promolift*/
    #top #wrap_all .avia-promocontent p{font-size:18px; font-family:'Skatta Sans Headline'; text-transform: uppercase; font-weight:var(--heading-weight); line-height: 1.6em;}
    #top #wrap_all .av_promobox .avia-color-theme-color:hover{background:#ffffff; color:var(--alternate-color);}

    /*Rekry*/
    #top #wrap_all .slide-entry-wrap .slide-entry{margin-bottom:40px;}
    #top #wrap_all .fake-thumbnail .slide-image{display: none; }
    #top #wrap_all .slide-meta{display: none;}

}
@media only screen and (min-width: 768px) {
    
    /*Headings*/
    #top #wrap_all .all_colors h1{font-size:50px;}
    #top #wrap_all .all_colors h2{font-size:36px;}
    #top #wrap_all .all_colors h3{font-size:28px;}
    #top #wrap_all .all_colors h4{font-size:18px;}

    /*Yhteystiedot*/
    #top #wrap_all #yhteystiedot .avia_image{object-fit: cover; height:300px; object-position: top;}
    #top #wrap_all #yhteystiedot .no-image .avia_image{object-fit: contain; object-position: center;}

    /*Promolift*/
    #top #wrap_all .avia-promocontent p{font-size:22px;}

}
@media only screen and (min-width: 990px) {
    .content{padding:80px 0px;}
    .av-main-nav > li > a{padding:0 8px; font-size:12px;}

}
@media only screen and (min-width: 1180px) {
    /*Headings*/
    #top #wrap_all .all_colors h1{font-size:60px;}
    #top #wrap_all .all_colors h2{font-size:40px;}
    #top #wrap_all .all_colors h3{font-size:30px;}
    #top #wrap_all .all_colors h4{font-size:20px;}

    .av-main-nav > li > a{padding:0 12px; font-size:13px;}
}
@media only screen and (max-width: 768px) {
    /*Long header word*/
    #top #wrap_all #av_section_1 h1.long-title{font-size:34px;}
    
}