/* 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: 'josefin_sanslight'; src: url('fonts/JosefinSans-Light-webfont.eot'); src: url('fonts/JosefinSans-Light-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/JosefinSans-Light-webfont.woff2') format('woff2'), url('fonts/JosefinSans-Light-webfont.woff') format('woff'), url('fonts/JosefinSans-Light-webfont.ttf') format('truetype'), url('fonts/JosefinSans-Light-webfont.svg#josefin_sanslight') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'josefin_sanslight_italic'; src: url('fonts/JosefinSans-LightItalic-webfont.eot'); src: url('fonts/JosefinSans-LightItalic-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/JosefinSans-LightItalic-webfont.woff2') format('woff2'), url('fonts/JosefinSans-LightItalic-webfont.woff') format('woff'), url('fonts/JosefinSans-LightItalic-webfont.ttf') format('truetype'), url('fonts/JosefinSans-LightItalic-webfont.svg#josefin_sanslight_italic') format('svg'); font-weight: normal; font-style: normal; }*/ /* =Theme customization starts here -------------------------------------------------------------- */ .avia-slideshow-inner li{ -webkit-transform-style: preserve-3d; /*fixes flickering issue when slider moves. usually other elements in other container flicker */ } .avia-fullscreen-slider .avia-slideshow-inner { -webkit-transform: translate3d(0px, 0px, 0px) !important; } .comment-entry{display:none;} .v-align{display:table; height:100%; width:100%;} .box-content{display: table-cell; vertical-align: middle;} .image-overlay-inside, .image-overlay.overlay-type-extern {display: none !important;} @media only screen and (min-width: 320px) { /*body, html{max-width: 2000px; margin:0 auto;}*/ .no-top-padding .content{padding-top: 0px;} .no-bottom-padding .content{padding-bottom: 0px;} .max-width-400{max-width: 420px; margin:0 auto !important;} .max-width-768{max-width: 768px; margin: 0 auto !important;} .full-width .container{max-width: 100%; padding:0px;} .overlay-mask{position: absolute; width:100%; height:100%; top:0px; left:0px; z-index: -1;} #main{background-color:#ffffff;} /*Hide stuff*/ .fake-thumbnail .slide-image{display: none;} .hide-from-front-end{display: none;} #menu-item-search, .responsive #top .av-main-nav #menu-item-search{display:none;} /*General style helpers*/ body div .avia-button{border-radius:0;} .special_amp{font-family: inherit; font-style: inherit; font-size: inherit; line-height: inherit; font-weight: inherit; color: inherit!important;} .avia-content-slider .slide-image, .avia-content-slider .slide-image img{border-radius:0;} .side-by-side-button{display: inline-block; margin:0 10px;} .text-align-center{text-align:center;} .avia-image-container-inner, .avia_image, .av-image-caption-overlay{border-radius: 0px;} #top #wrap_all .alternate_content a{text-decoration: underline;} #top #wrap_all .yellow p a{text-decoration: underline;} #top #wrap_all .narrow-section{max-width: 1080px; float:none; margin:0 auto;} /*Image Text Grid */ #top #wrap_all .image-text-grid .image-text-grid-text{padding:20px 0px 0px 0px !important;} /*Typografy*/ i{font-style:italic;} nav li{list-style:none;} p{line-height: 2em;} /*Headings*/ #top #wrap_all .all_colors h1{font-size:42px; text-transform: none; font-weight:900;} #top #wrap_all .all_colors h2{font-size:36px; text-transform: none; font-weight:900;} #top #wrap_all .all_colors h3{font-size:28px; text-transform: none; font-weight:900;} #top #wrap_all .all_colors h4{font-size:18px; text-transform: none; font-weight:900;} /*Button*/ #top #wrap_all a.avia-button:hover{text-decoration: underline; opacity:1;} #top #wrap_all a.avia-button{font-weight:900; text-transform: uppercase; padding:10px 20px;} #top #wrap_all a.avia-color-theme-color{color:#000000;} #top #wrap_all a.avia-color-theme-color-highlight{background:#000000; color:#ffd900;} /*Form*/ ::placeholder{font-weight:900;} :-ms-input-placeholder{font-weight:900;} ::-ms-input-placeholder{font-weight:900;} #top #wrap_all .avia_ajax_form .button{padding:13.5px 20px; border-radius: 0px;} #top select, #top .avia_ajax_form .select, #top .entry-content-wrapper select{font-weight:900;} /*Archive/Blog*/ .archive .post-meta-infos time, .template-blog .post-meta-infos time{font-size:14px;} .archive .post-meta-infos span, .template-blog .post-meta-infos span{display: none !important;} .archive .post-meta-infos, .template-blog .post-meta-infos{top:auto; margin-top:0px; padding-top:0px;} .flex_column .template-blog .post-meta-infos, .html_elegant-blog #top .post-entry .post-meta-infos, .html_elegant-blog .avia-content-slider .slide-meta{margin-bottom:0px; margin-top:0px; padding-top:0px;} .blog-categories{margin-top: -10px; display: block; margin-bottom: 20px;} .archive .post-title, .template-blog .post-title{color:#000000;} /*single*/ .avia_transform a:hover .image-overlay{display: none !important;} #top.single-post #wrap_all .go-back-button{position: absolute; top:30px; left:0px; font-weight:900; color:#000000;} #top.single-post #wrap_all .go-back-button:before{content:"\e88c"; float:left; margin-top:1px; margin-right:10px; font-size:20px; font-family: 'entypo-fontello'; vertical-align: middle;} #top #wrap_all .single-post-desktop-image{display: none;} #top.single-post #wrap_all .single-post-header .content{text-align: center; max-width: 800px; margin:0 auto;} #top.single-post #wrap_all .single-post-with-image-header{text-align: center; margin-bottom:40px;} #top.single-post #wrap_all .single-post-with-image-header span{font-weight:900;} #top.single-post #wrap_all .single-post-with-image-header h1 {margin-top:20px;} #top.single-post #wrap_all .single-post-with-image-header{font-size:16px;} #top.single-post #wrap_all .single-post-header p{font-size:16px; text-align: center;} #top.single-post #wrap_all .single-post-content .content{padding-top:80px;} #top.single-post #wrap_all .single-post-content{max-width:800px; margin:0 auto;} #top #wrap_all .all_colors h2.related-posts-title{text-align: center; margin-bottom:80px;} #top #wrap_all .related-posts-wrapper{background: #ffffff; border-top:;} #top #wrap_all .related-posts-wrapper .container{border-top:1px solid #d7d7d7;} /*Single CPT*/ .single-cpt-section{margin-bottom: 80px;} .single-cpt-img-wrapper, .image-content-image{min-height:300px; background-size: cover; background-position: center center;} .single-cpt-title-wrapper, .image-content-content{text-align: center; font-size:18px; font-weight: lighter; padding:20px;} .single-cpt-title-wrapper p{line-height:2em;} /*Sidebar*/ #top #main .sidebar{border:0px;} #top #main .sidebar_right{padding-left:15px;} /*general list styles*/ #top .widget_nav_menu li, #top .sidebar .widget_recent_entries li, #top .widget_archive li{font-size:16px; border:0px; background: none; padding:0px; line-height: inherit;} /*general link styles*/ .recentcomments a, .widget_recent_entries li a, .widget_nav_menu a, #top .widget_archive li a{font-family: inherit; font-style: normal; padding:15px 0px 0px 15px; line-height: inherit; padding-left:15px; position:relative; display: block;} #top #main .sidebar .widget_nav_menu li a:before, #top .sidebar .widget_recent_entries li a:before, #top .widget_archive li a:before{border:0px; content:'\e875'; font-family: "entypo-fontello"; position:absolute; left:0px; top:14px;} /*Sidebar nav*/ .main_color .widget_nav_menu ul:first-child>.current_page_item{background: none; border:0px; padding:0px; left:auto; top:auto; box-shadow: none; margin:0px;} #top #wrap_all .widget_nav_menu a{border-bottom: 1px solid #e7e7e7; padding-bottom: 15px;} .widget_nav_menu ul:first-child>.current-menu-item>a, .widget_nav_menu ul:first-child>.current_page_item>a{padding:15px 0px 15px 0px; background: none; border-top:0px;} /*Recent entries & archive*/ #top .sidebar .widget_recent_entries li, #top .widget_archive li{padding:15px 0px; border-bottom:1px solid #e7e7e7;} #top .widget_recent_entries li a, #top .widget_archive li a{padding:15px 0px 8px 15px; border:0px;} #top .widget_recent_entries .post-date{font-size:0.8em; display: block; margin-left: 15px;} /*Lift list*/ .lift-list{display: flex; flex-wrap:wrap; align-items:stretch; justify-content:center;} .lift-list-item{display: flex; align-items: center; justify-content: center; width:48%; margin:1%; background-position: center; background-size:cover; position: relative; text-align: center;} .lift-list-item.mega-menu-lift{width:100%; margin:20px 0px;} .lift-list-title{font-weight: 300; font-size:16px; z-index: 99; } #top .lift-list .lift-list-title{z-index: 99; text-decoration: none; padding:150px 20px; display: block; color:#ffffff; background:none;} #top .lift-list .lift-list-title a:after{content:''; width:1%; margin-top: 5px; opacity:0; background: #ffffff; height:1px; display: block; -webkit-transition: all 0.3s linear;-o-transition: all 0.3s linear;-moz-transition: all 0.3s linear;-ms-transition: all 0.3s linear;-kthtml-transition: all 0.3s linear;transition: all 0.3s linear;} .lift-list-overlay{position: absolute; width:100%; height:100%; top:0px; left:0px; opacity:0; background:rgba(0, 0, 0, 0.1);} .lift-list-item:hover .lift-list-overlay{opacity:1;} #top .lift-list-item:hover .lift-list-title a:after{content:''; width:100%; margin-top: 5px; opacity:1; background: #ffffff; height:1px; display: block; -webkit-transition: all 0.3s linear;-o-transition: all 0.3s linear;-moz-transition: all 0.3s linear;-ms-transition: all 0.3s linear;-kthtml-transition: all 0.3s linear;transition: all 0.3s linear;} /*Shortcodes*/ /*Section*/ #top .scroll-down-link {z-index: 98;} /*Promobox*/ #top #wrap_all .av_promobox{background:none; border:8px solid #ffd900; position: relative; overflow: visible; float:none; padding:20px;} #top #wrap_all .av_promobox .avia-promocontent{text-align: center; font-size:24px;} #top #wrap_all .av_promobox .avia-promocontent p{font-weight:900; font-size:24px; line-height:1.6em;} #top #wrap_all .av_promobox a.avia-button{position:relative; margin:0; border:0px; color:#000000; text-transform: uppercase; font-weight: 900; padding:10px 20px; } .responsive .av_promobox{text-align: center;} .responsive .av_promobox .avia-button-wrap{display: inline-block; left:auto; width:auto; right:auto;} #top #wrap_all .av_promobox a.avia-button:hover{opacity:1; text-decoration: underline;} /*Pages*/ /*Front page*/ #top #wrap_all .front-page-lift{outline:8px solid #ffd900; padding:20px; position: relative; outline-offset:-35px; padding:40px 40px 250px 40px !important;} #top #wrap_all .front-page-lift-text{text-align: center;} #top #wrap_all .front-page-lift-text p{font-size:24px; font-weight:900; line-height:1.6em; color:#ffffff;} #top #wrap_all .front-page-lift-button{position:absolute; bottom:40px; left:0px; width:100%; text-align: center;} #top #wrap_all .front-page-lift-button a{border:0px; color:#000000; text-transform: uppercase; font-weight:900; padding:10px 20px; display: inline-block;} /*Footer*/ #top #wrap_all #main .avia-builder-el-last.avia-section{float:none;} #top #wrap_all #main .footer{border:8px solid #ffd900; max-width: 1080px; float:none; margin:0 auto; margin-top:60px; position: relative;} #top #wrap_all .footer:after{background:url('images/katman-footer-logo.jpg') no-repeat; width:292px; height:57px; content:''; display: block; position: absolute; top:-8px; left:-8px;} #top #wrap_all #main .footer strong{color:#000000;} #top #wrap_all #socket{border:0px; } #top #wrap_all #socket .copyright{font-weight: 900;} /*Ota yhteyttä iso*/ #top #wrap_all #main #ota-yhteytta{border:8px solid #ffd900; max-width: 1080px; float:none; margin:0 auto;} #top #wrap_all #main #ota-yhteytta input[type="submit"], #top #wrap_all #main .yellow input[type="submit"]{background:#000000; color:#ffffff; font-weight:900; border:0px; font-size:20px;} #top #wrap_all #main #ota-yhteytta .contact-form-half{width:49%; float:left; margin-right:1%;} #top #wrap_all #main #ota-yhteytta .contact-form-half:nth-child(odd){margin-left:1%; margin-right:0;} /*Uutiset*/ #top #wrap_all .avia-content-grid-active h3.slide-entry-title{font-size:20px; margin-top:20px; margin-bottom:10px;} #top #wrap_all .avia-content-grid-active .slide-meta time{font-weight:900; display: block; font-size:16px;} #top #wrap_all .avia-content-grid-active .slide-entry-excerpt{font-size:16px;} #top #wrap_all .read-more-link{margin-top:20px;} .more-link-arrow:after{content:"\e88d"; float:right; margin-top:2px; margin-left:10px; font-size:20px;} /*Yritys*/ #top #wrap_all .highlight-text p{line-height:1.6em;} #top #wrap_all .highlight-text strong{font-weight:900;} /*Ota yhteyttä*/ #top #wrap_all .contact-info h4{margin-bottom: 0px; padding-bottom:0px;} #top #wrap_all .contact-info p{margin-top:0px; font-size:16px;} /*Form*/ #top .input-text, #top input[type="text"], #top input[type="input"], #top input[type="password"], #top input[type="email"], #top input[type="number"], #top input[type="url"], #top input[type="tel"], #top input[type="search"], #top textarea, #top select{padding:16px;} #top .avia_ajax_form .text_input, #top .avia_ajax_form .text_input.is_email, #top .avia_ajax_form .select, #top .avia_ajax_form .text_area{padding:16px; border-radius:0; } #top #wrap_all .file-input-label{overflow:hidden; position:relative; display: inline-block; padding: 8px 12px; cursor: pointer; border-radius: 0px; border:1px solid #000000; font-weight:900; background-color: #ffffff; font-size: 16px; color: #000000;} #top #wrap_all .file-input{cursor: inherit; display: block; font-size: 999px; filter: alpha(opacity=0); min-height: 100%; min-width: 100%; opacity: 0; position: absolute;right: 0; text-align: right; top: 0;} } @media only screen and (min-width: 480px) { /*Shortcodes*/ /*Promobox*/ #top #wrap_all .page-header .av_promobox:before, #top #wrap_all .page-header .av_promobox:after{content:''; background:#ffd900; width:12px; height:20px; display: block; position: absolute;} #top #wrap_all .page-header .av_promobox:before{content:''; background:#ffd900; width:12px; height:20px; display: block; position: absolute; left:0px top:8px;} #top #wrap_all .page-header .av_promobox:after{content:''; background:#ffd900; width:12px; height:20px; display: block; position: absolute; left:0px; bottom:0px;} #top #wrap_all .page-header .av_promobox{border-width:12px; width:60%; margin:0 auto; padding:0px; border-left:0px;} #top #wrap_all .page-header .av_promobox .avia-promocontent{margin-left:-20%; width:95%;} #top #wrap_all .av_promobox .avia-promocontent p{font-size:22px; text-align: left;} #top #wrap_all .page-header .av_promobox .avia-promocontent p{margin:40px 0px; text-align: left;} #top #wrap_all .av_promobox .avia-button-wrap{float:right; left:auto; top:auto; width:auto;} #top #wrap_all .av_promobox a.avia-button{position:absolute; right:0px; bottom:-8px; left:auto; top:auto; } /*Front page*/ #top #wrap_all .front-page-lift-text{text-align: left;} #top #wrap_all .front-page-lift-button{width:auto; bottom:24px; right:35px; left:auto;} /*Short contact form*/ #top #wrap_all .short-contact-form .av-form-text{position:absolute; top:65px;} #top #wrap_all .short-contact-form fieldset > p:last-child{float:left; width:32.6%; margin-left:1%; clear:none;} #top #wrap_all .avia_ajax_form.short-contact-form .button{width:100%;} #top #wrap_all .short-contact-form-wrapper{max-width: 1080px; margin:0 auto; float:none;} } @media only screen and (min-width: 768px) { .float-right{float:right !important;} .float-right.avia-builder-el-last{margin-left: 0 !important; margin-right: 6%;} .applari-info-link{float:right;} .avia-caption-content{margin:0 auto; max-width: 768px;} /*Helper classes*/ #top #wrap_all .image-text-grid .av-equal-height-column-flextable{display:flex; flex-wrap: wrap; align-items: stretch; margin-bottom:40px;} #top #wrap_all .image-text-grid .av-equal-height-column-flextable .av_one_half{margin-left:0px; display: flex; flex-direction: column; justify-content: center; margin-top:0px;} #top #wrap_all .image-text-grid .av-equal-height-column-flextable:nth-child(even){flex-direction: row-reverse;} #top #wrap_all .image-text-grid .av-equal-height-column-flextable:nth-child(odd) .flex_column.el_after_av_one_half{padding:40px 0px 40px 20px !important;} #top #wrap_all .image-text-grid .av-equal-height-column-flextable:nth-child(even) .flex_column.el_after_av_one_half{padding:40px 20px 40px 0px !important;} /*Headings*/ #top #wrap_all .all_colors h1{font-size:48px;} #top #wrap_all .all_colors h2{font-size:42px;} #top #wrap_all .all_colors h3{font-size:28px;} #top #wrap_all .all_colors h4{font-size:18px;} /*Sticky Header settings*/ /*.html_header_top.html_header_sticky #header, #header_main{max-width:2000px;}*/ /*Centered menu*/ .main_menu, .main_menu, .responsive #top #wrap_all .av_mobile_menu_tablet .main_menu{left:auto; top:auto; right:auto; position: relative; z-index: 98;} .av-main-nav-wrap{float:none; text-align: center;} .av-main-nav-wrap>ul{display: inline-block;} .avia-menu.av_menu_icon_beside{border:0px; margin-right: 0px; padding-right: 0px;} /*Archive/Blog*/ .sidebar_right .content{padding-top: 0px;} /*Single*/ #top .back-button{margin-bottom: 40px;} #top #wrap_all .single-post-mobile-image{display: none;} #top #wrap_all .single-post-desktop-image{display: block;} /*Single CPT*/ .single-cpt-header, .image-content-lift{display: flex; align-items:center;} .single-cpt-img-wrapper, .image-content-image, .single-cpt-title-wrapper, .image-content-content{align-self:center; width:50%;} .single-cpt-img-wrapper, .image-content-image{min-height:500px;} .single-cpt-title-wrapper, .image-content-content{padding:40px;} /*Sidebar*/ #top #main .sidebar_left .sidebar{border:0px;} #top #main .sidebar_right{padding-left:20px;} .inner_sidebar{margin-left: 0px;} #top #wrap_all .all_colors .sidebar h3{font-size: 22px;} /*Lift List*/ .lift-list-item{width:31%; } .lift-list-title{font-size:24px;} /*Front page*/ #top #wrap_all .page-header{margin-bottom: -200px;} #top #wrap_all .page-header .content{padding-top:0px;} #top #wrap_all .front-page-description{position: relative; z-index: 99;} #top #wrap_all .front-page-minus-margin-lift{max-width:1080px; margin:0 auto; float:none; background:#ffffff; } #top #wrap_all .front-page-minus-margin-lift .container{padding:0px 50px;} #top #wrap_all .front-page-minus-margin-lift .content{padding-top:170px; padding-bottom:170px; background-color: #000000;} #top #wrap_all .front-page-lift{padding:40px 60px 200px 60px!important; outline:12px solid #ffd900;} #top #wrap_all .front-page-lift-button{bottom:20px;} /*Shortcodes*/ /*Promobox*/ #top #wrap_all .page-header .av_promobox:before, #top #wrap_all .page-header .av_promobox:after{content:''; background:#ffd900; width:12px; height:20px; display: block; position: absolute;} #top #wrap_all .page-header .av_promobox:before{content:''; background:#ffd900; width:12px; height:20px; display: block; position: absolute; left:0px top:8px;} #top #wrap_all .page-header .av_promobox:after{content:''; background:#ffd900; width:12px; height:20px; display: block; position: absolute; left:0px; bottom:0px;} #top #wrap_all .page-header .av_promobox{border-width:12px; width:60%; margin:0 auto; padding:0px; border-left:0px;} #top #wrap_all .page-header .av_promobox .avia-promocontent{margin-left:-20%; width:95%;} #top #wrap_all .av_promobox .avia-promocontent p{font-size:28px;} #top #wrap_all .page-header .av_promobox .avia-promocontent p{font-size:28px; margin:40px 0px; text-align: left;} #top #wrap_all .av_promobox a.avia-button{position:absolute; right:0px; bottom:-12px; top:auto;} /*footer*/ #top #wrap_all #main .footer{border-width: 12px;} #top #wrap_all .footer:after{top:-12px; left:-12px;} } @media only screen and (min-width: 1024px) { /*Image text grid*/ #top #wrap_all .image-text-grid .av-equal-height-column-flextable:nth-child(odd) .flex_column.el_after_av_one_half{padding:40px 0px 40px 40px !important;} #top #wrap_all .image-text-grid .av-equal-height-column-flextable:nth-child(even) .flex_column.el_after_av_one_half{padding:40px 40px 40px 0px !important;} /*Lift list*/ .lift-list-title{font-size:32px; } /*Shortcodes*/ /*Promobox*/ #top #wrap_all .page-header .av_promobox{width:40%;} /*Front page*/ #top #wrap_all .front-page-lift{padding:80px 100px 300px 100px!important; outline-offset: -65px;} #top #wrap_all .front-page-lift-button{right:65px; bottom:50px;} #top #wrap_all .front-page-minus-margin-lift .container{padding:0px;} } @media only screen and (min-width: 1180px) { #top #wrap_all .front-page-minus-margin-lift .container{padding:0px;} } @media only screen and (min-width: 1200px) { /*Shortcodes*/ /*Promobox*/ #top #wrap_all .page-header .av_promobox{border-width:15px; width:45%;} #top #wrap_all .page-header .av_promobox:before, #top #wrap_all .page-header .av_promobox:after{width:15px;} #top #wrap_all .page-header .av_promobox .avia-promocontent{width:100%;} #top #wrap_all .page-header .av_promobox .avia-promocontent p{font-size:30px;} } @media only screen and (max-width: 768px) { .responsive #top #wrap_all .no-margin-bottom-in-mobile{margin-bottom:0px;} .responsive #top #wrap_all .full-width-in-mobile .container{width:100%; max-width: 100%;} #socket .container{text-align: center;} #socket{text-align: center;} #socket .copyright{float:none;} .applari-info-link{display: block; text-align: center; width:100%;clear: both;} .lift-list-item{flex-grow:1; min-width:48%;} /*Center in mobile*/ #top #wrap_all .center-section-in-mobile .avia-image-container.avia-align-center, #top #wrap_all .center-section-in-mobile .av-special-heading-tag, #top #wrap_all .center-section-in-mobile .avia_textblock{text-align: center;} #top #wrap_all .center-section-in-mobile .avia-button-wrap{display: block; text-align: center;} #top #wrap_all .center-section-in-mobile .avia-button.avia-position-left, #top #wrap_all .center-section-in-mobile .avia-button.avia-position-right{float:none; display: inline-block;} } /*CSS3 Animations*/ .animate{ -webkit-transition: all 0.3s linear; -o-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -ms-transition: all 0.3s linear; -kthtml-transition: all 0.3s linear; transition: all 0.3s linear; }