/* 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 -------------------------------------------------------------- */ @media only screen and (min-width: 320px) { /*Grid stuff*/ .av_default_container_wrap .content{padding:0px;} #top #wrap_all .av_textblock_section + .avia-video{margin-top: 20px;} #top #wrap_all #main .no-margin-top{margin-top:0px;} /*Animation*/ .animate{-webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -kthtml-transition: all 0.3s ease; transition: all 0.3s ease;} /*Section color stuff*/ #top #wrap_all strong{color:inherit;} /*Typography*/ #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;} #top #wrap_all .excerpt{font-size:18px;} #top #wrap_all label{font-weight:500;} /*Headings*/ #top #wrap_all .av-special-heading{margin-top:0px; font-weight: bold;} #top #wrap_all .all_colors h1{font-size:40px; text-transform: none; font-weight: bold;} #top #wrap_all .all_colors h2{font-size:30px; text-transform: none; font-weight: bold;} #top #wrap_all .all_colors h3{font-size:24px; text-transform: none; font-weight: bold;} #top #wrap_all .all_colors h4{font-size:18px; text-transform: none; font-weight: bold;} #top #wrap_all .all_colors .super-size-title .av-special-heading-tag{font-size:48px; text-transform: uppercase; line-height: 0.8em;} #top #wrap_all .all_colors .super-size-title.line-height-super-size .av-special-heading-tag{line-height: 1em;} /*Buttons*/ body div .avia-button, body div .avia-button span{border-radius:0; transition: background 0.3s, transform 0.3s, opacity 0.3s ease-in; opacity: 1;} #top #wrap_all .avia-button{border:0px;} #top #wrap_all .avia-button span{-webkit-text-stroke:0px; text-shadow: none;} .av_textblock_section + .avia-button-wrap{margin-top: 20px} /*Hover effect (https://codepen.io/ocxigin/pen/LYXdZMb)*/ .avia-button::before, .avia-button::after{content: ""; position: absolute; width: 100%; height: 100%; display: block; top: 0; left: 0; z-index: -1; background: #ff5500; transform: scaleX(0); transition: background 0.3s, transform 0.3s, opacity 0.3s ease-in;} .avia-button::before{left: -30%;} .avia-button::after{right: -30%;} .avia-button:hover::after{transform: scale(1);} .avia-button:active{transform: translateY(2px);} .main_color .avia-color-theme-color:after, .main_color .avia-color-theme-color:before{background:#ff5500;} .alternate_color .avia-color-theme-color:after, .alternate_color .avia-color-theme-color:before{background:#ffffff;} #top .alternate_color .avia-color-theme-color:hover{color:#1b10b2;} /*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{padding:10px 15px; border-color: #B2B0B0; font-size:14px;} #top ::placeholder {color: #d3d3d3; opacity: 1;} #top :-ms-input-placeholder {color: #d3d3d3;} #top ::-ms-input-placeholder {color: #d3d3d3;} /*Flexslider*/ #top #wrap_all .flexslider{border:0px; padding:0px; background: none;} #top #wrap_all .flex-viewport{overflow: visible !important;} #top #wrap_all .flexslider .slides li{margin:0px;} #top #wrap_all .flexslider .slides li .carousel-item-wrapper{background:#ffffff; position: relative; cursor:pointer; margin:0px 7.5px; -webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.16); -moz-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.16); box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.16); padding-top:0px;} #top #wrap_all .flexslider .slides li .carousel-item-wrapper:hover{-webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.3); -moz-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.3); box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.3); padding-top:0px;} #top #wrap_all .flexslider .slides li:first-child .carousel-item-wrapper{margin-left:0px !important;} #top #wrap_all .flexslider .slides li:last-child .carousel-item-wrapper{margin-right:0px !important;} #top #wrap_all .flexslider .slides li figure{overflow: hidden; width:100%; min-height:250px; background-position: center; background-size: cover;} #top #wrap_all .flexslider .slides li figure img{height:100%; width:auto; max-width: none;} #top #wrap_all .carousel-item-content{padding:10px; padding-bottom:60px; } #top #wrap_all .carousel-item .carousel-item-content h3{font-size:16px;} #top #wrap_all .carousel-item-content p{font-size:14px; font-weight:600;} #top #wrap_all .carousel-item-content a{position: absolute; bottom:10px; left:10px;} #top #wrap_all .flex-control-nav{bottom:-60px;} #top #wrap_all .flex-direction-nav li{list-style: none;} #top #wrap_all .flex-direction-nav a{top:40%;} #top #wrap_all .flex-direction-nav a:before{margin-top:10px;} /*Tilaa uutiskirje -nosto*/ #top #wrap_all .avia-mailchimp-form{max-width: 480px; margin:0 auto;} #top #wrap_all .alternate_color .avia-mailchimp-form input[type="email"]{background: none; border:0px; border-bottom:1px solid #ffffff; border-radius:0px;} #top #wrap_all .alternate_color .avia-mailchimp-form input[type="email"]:focus{box-shadow: none;} #top #wrap_all .avia-mailchimp-form p{margin-bottom: 20px;} #top #wrap_all .avia-mailchimp-form .modified_width{text-align: center;} #top #wrap_all .avia-mailchimp-form #avia_privacy_1{text-align: center;} /*Shortcodes*/ /*Image*/ #top #wrap_all .avia-image-overlay-wrap, #top #wrap_all .avia-image-overlay-wrap a{display: table;} #top #wrap_all .text-and-image-section .avia-image-container, #top #wrap_all .text-and-image-section .avia-image-container-inner, #top #wrap_all .text-and-image-section .avia-image-overlay-wrap{border-radius: 0px;} #top #wrap_all .avia_image{border-radius: 0px;} #top #wrap_all .avia-image-overlay-wrap .image-caption{display: table-caption; caption-side: bottom; font-size: 14px; font-style: italic; padding: 0px 20px; margin-top: 10px;} #top #wrap_all .avia-image-overlay-wrap .image-caption p{margin-top: 0px;} #top #wrap_all .avia-image-overlay-wrap a .image-caption p{color: #000000;} #top #wrap_all .avia-image-overlay-wrap a:hover .image-caption p{text-decoration: underline;} /*Content slider*/ #top #wrap_all .avia-content-slider-element-slider{padding-bottom:20px; margin:0 auto; text-align: center; max-width: 768px;} #top #wrap_all .avia-content-slider-element-slider .slide-entry-title{text-align: center;} #top #wrap_all .avia-smallarrow-slider-heading{position: absolute; bottom:0px; display: flex; justify-content:center; margin-top: 0px;} #top #wrap_all .avia-smallarrow-slider .avia-slideshow-dots a{margin:0 5px; border:0px; opacity:1; display: inline-block;} #top #wrap_all .avia-smallarrow-slider .avia-slideshow-dots a.active{} /*Blog posts*/ #top #wrap_all .avia-content-grid-active .slide-entry-wrap{margin-bottom: 0px;} #top #wrap_all .avia-content-grid-active .slide-entry .slide-image{height: 225px; border-radius: 0px; margin-bottom: 15px; background: none;} #top #wrap_all .avia-content-grid-active .slide-entry .slide-image img{border-radius: 0; object-fit: cover; width: 100%; height: 100%; object-position: 50% 50%;} #top #wrap_all .avia-content-grid-active .slide-entry h3{font-size: 20px;} #top #wrap_all .avia-content-grid-active .slide-entry h3 a{text-decoration: none;} #top #wrap_all .posttype-palvelu .slide-meta{display: none;} /*News Lift*/ #top #wrap_all .news_lift{background:#ffffff;} #top #wrap_all .news_lift .time-meta{margin-bottom: 0px; padding: 0px;} #top #wrap_all .news_lift .slide-content{padding:20px;} #top #wrap_all .news_lift .slide-content h3{font-size:20px; font-weight:bold; margin-bottom: 10px;} #top #wrap_all .news_lift .slide-content .read-more-link{margin-top:10px;} /*Tabs*/ .av-inner-tab-title, .av-tab-section-icon, .av-tab-arrow-container, .av-tab-section-image{width: auto;} #top #wrap_all .av-tab-section-container{padding:0px;} #top #wrap_all .av-tab-section-tab-title-container{background: none; padding:0px;} #top #wrap_all .av-tab-section-tab-title-container .av-section-tab-title{padding: 20px; border:0px; color:#000000;} #top #wrap_all .av-tab-section-tab-title-container .av-section-tab-title.av-active-tab-title{border: 0px; background:#1b10b2; color:#ffffff;} #top #wrap_all .avia-tab-title-padding-default .av-outer-tab-title{padding: 0px; color: #000000;} #top #wrap_all .av-tab-no-icon.av-tab-no-image .av-inner-tab-title{margin: 0px; text-transform: none; font-weight: 600; font-size: 14px; color:#000000;} #top #wrap_all .av-tab-section-tab-title-container .av-section-tab-title.av-active-tab-title .av-inner-tab-title{color:#ffffff;} #top #wrap_all .av-tab-no-icon.av-tab-no-image.av-active-tab-title .av-inner-tab-title, #top #wrap_all .av-tab-no-icon.av-tab-no-image .av-inner-tab-title:hover{} #top #wrap_all .av-tab-arrow-container{display: none;} #top #wrap_all .av-layout-tab{padding-bottom: 0px; padding-top: 20px;} #top #wrap_all .av-layout-tab .flex_column_table{margin-bottom: 0px; max-width: 85%} #top #wrap_all .av-layout-tab .av-flex-placeholder{height: 20px;} /*Tarjouspyyyntö-tabs*/ #top #wrap_all .offer-form-section .container{width:100%; left:0px; top:-200px; position: absolute; max-width: 100%;} #top #wrap_all .offer-form-section .content{max-width: 768px; margin: 0 auto; box-shadow: 0px 3px 30px rgba(0, 0, 0, 0.2); float:none; background: #ffffff; display: block; z-index: 9;} #top #wrap_all .tab_titles{background: none; border:0px;} /*Tarjouspyyntö-form*/ #top #wrap_all .avia_ajax_form .av-form-headline{padding-top:30px; font-size:20px; color:#000000; font-weight: 600;} /*Timeline*/ #top #wrap_all .av-special-heading.timeline-title{padding-bottom:0px;} #top #wrap_all .av-special-heading.timeline-title .av-special-heading-tag{font-size:36px;} #top #wrap_all .avia-timeline{margin-top: 40px;} #top #wrap_all .av-milestone-content{position: relative;} #top #wrap_all .avia-timeline-vertical .av-milestone-icon-wrap:after{border-left:5px solid #ffffff; top:0px; height: 100%;} #top #wrap_all .av-milestone-content:after{position: absolute; width:40px; top:50%; left:-55px; height:2px; background: #efefef; display: block; content:'';} #top #wrap_all .av-milestone-content img{border-radius: 50%; height:250px; width:250px; object-fit: cover; object-position: center;} /*Promobox*/ #top #wrap_all .av_promobox{background: none; border:0px; max-width: 768px; margin:0 auto; float:none;} #top #wrap_all .avia-promocontent p{font-size:18px;} /*Single post*/ #top #wrap_all .fullsize .template-blog .big-preview img{max-height: 450px; object-fit:cover; object-position: center;} #top #wrap_all .fullsize .template-blog .post h1{font-size: 42px;} #top #wrap_all .fullsize .template-blog .post h2{font-size: 36px;} #top #wrap_all .fullsize .template-blog .post h3{font-size:26px;} #top.single #wrap_all .avia-image-container{margin:20px 0px;} #top.single #wrap_all .contact-us-section .avia-image-container{margin:0px;} /*Helper classes for editor*/ #top #wrap_all .text-column-on-top-of-image{background: #ffffff; max-width: 768px; margin:0 auto; float:none; padding:40px 20px; } #top #wrap_all .semi-bold-text{font-weight:600;} #top #wrap_all .excerpt{font-size: 18px;} #top #wrap_all .reference-comment{font-size:14px; margin-top:20px;} #top #wrap_all .small-margin-checkbox{margin:0px;} #top #wrap_all .highway-svg img{height:150px;} /*Text and image -section (= tai)*/ #top #wrap_all .tai-image-column{padding:150px 0px; background-position: center;} #top #wrap_all .real-images .tai-image-column{padding:0px;} #top #wrap_all .tai-text-column .av_textblock_section{margin:0;} /*Footer*/ #top #wrap_all .footer_color b, #top #wrap_all .footer_color strong{color:#000000;} #top #wrap_all .footer-description{color:#1b10b2; font-weight: bold; font-size: 24px;} #socket{border:0px;} } @media only screen and (min-width: 768px) { #top #wrap_all .hide-from-desktop{display: none;} /*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;} /*Blog posts*/ #top #wrap_all .avia-content-grid-active .slide-entry-wrap{display: flex; justify-content: space-between; margin-bottom: 40px; flex-wrap: wrap;} #top #wrap_all .avia-content-grid-active .slide-entry-wrap .flex_column{float: none; margin-left: 0px;} /*Tabs*/ #top #wrap_all .av-tab-section-container{ } #top #wrap_all .av-tab-section-tab-title-container .av-section-tab-title{} #top #wrap_all .av-tab-section-tab-title-container .av-section-tab-title:hover{text-decoration: underline;} #top #wrap_all .av-tab-no-icon.av-tab-no-image .av-inner-tab-title{font-size: 15px;} #top #wrap_all .av-layout-tab{padding-top: 50px} #top #wrap_all .av-layout-tab .flex_column_table{max-width: none;} /*Tarjouspyyyntö-tabs*/ #top #wrap_all .tab_titles{background: none; border:0px; } #top #wrap_all .tab_titles .tab{border:0px; border-bottom:3px solid #ffffff; background: none; font-size: 18px; font-weight:bold; color:#000000; padding: 0px; padding-bottom:5px; margin-right:30px; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -kthtml-transition: all 0.3s ease; transition: all 0.3s ease;} #top #wrap_all .tab_titles .tab:hover, #top #wrap_all .tab_titles .tab.active_tab{border-bottom:3px solid #1B0FB2; color:#1B0FB2;} #top #wrap_all .tab_content{padding:0px; background: none; border:0px; padding-top:20px;} #top #wrap_all .tab_inner_content{margin:0px;} /*Tarjouspyyntö-form*/ #top #wrap_all .offer-form-section{position: relative; min-height:0px;} #top #wrap_all .offer-form-section .container{width:100%; left:0px; top:-50px; position: absolute;} #top #wrap_all .offer-form-section .content{max-width: 768px; margin: 0 auto; box-shadow: 0px 3px 30px rgba(0, 0, 0, 0.2); float:none; padding:40px; box-sizing:border-box;} #top #wrap_all .offer-form{display: flex; flex-wrap: wrap; gap:10px 2%;} #top #wrap_all .offer-form label{display: none;} #top #wrap_all .offer_sub_title{width:100%;} #top #wrap_all .offer-form h4.offer_sub_title{font-size:16px; color:#000000;} #top #wrap_all .offer-form-item{width:30%; display: flex; flex-direction: column;} /*Timeline*/ #top #wrap_all .av-milestone-content:after{width:50px; left:-90px;} /*Text and image -section (= tai)*/ #top #wrap_all .text-and-image-section .container{max-width: 100%; padding: 0px;} #top #wrap_all .tai-text-column{font-size: 14px; padding: 20px 50px;} #top #wrap_all .tai-image-column{padding:250px 0px;} /*Content slider*/ #top #wrap_all .avia-content-slider-element-slider{padding-bottom:40px;} /*Front page*/ #top #wrap_all .map-section{background-position: 130% 0px; background-size: 50%; padding-top:475px;} /*Highlight box*/ #top #wrap_all . /*Helper classes for editor*/ #top #wrap_all .text-column-on-top-of-image{padding:40px;} #top #wrap_all .excerpt{font-size:20px;} } @media only screen and (min-width: 989px) { .content{padding:70px 0px;} /*Header*/ .av-main-nav > li > a{font-size:16px; font-weight:600;} /*TABS*/ /*Offer form*/ #top #wrap_all .offer-form-section .content{max-width: 900px;} /*Text and image -section (= tai)*/ #top #wrap_all .text-and-image-section .container{max-width: 100%; padding: 0px;} #top #wrap_all .text-and-image-section .flex_column_table{display: flex; justify-content: flex-start; align-items: stretch;} #top #wrap_all .text-and-image-section .flex_column_table.av-columns-reverse{justify-content: flex-end;} #top #wrap_all .text-and-image-section .flex_column_table .flex_column{float: none; width: 50%; margin: 0px; display: flex; justify-content: center; flex-direction: column;} #top #wrap_all .text-and-image-section .avia-image-container, #top #wrap_all .text-and-image-section .avia-image-container-inner, #top #wrap_all .text-and-image-section .avia-image-overlay-wrap{height:100%; width:100%; overflow:hidden;} #top #wrap_all .text-and-image-section .avia-image-overlay-wrap img{height:100%; object-fit: cover; width:100%;} #top #wrap_all .tai-text-column{font-size: 14px; padding: 40px 20px;} #top #wrap_all .reverse-direction-in-desktop .tai-text-column{padding-left:40px;} #top #wrap_all .reverse-direction-in-desktop{flex-direction: row-reverse;} /*News Lift*/ #top #wrap_all .news_lift{background:none; display: flex; align-items: stretch;} #top #wrap_all .news_lift .slide-image{width:50%;} #top #wrap_all .avia-content-grid-active .slide-entry.news_lift .slide-image{height:auto; margin-bottom:0px;} #top #wrap_all .news_lift .slide-image img{object-fit: cover; height:100%;} #top #wrap_all .news_lift .slide-content{font-size:14px; width:55%; padding:40px 20px; background: #ffffff; margin:40px 0px; display: flex; justify-content: center; flex-direction: column; z-index: 9; margin-left:-5%; line-height: 1.6em;} #top #wrap_all .news_lift .slide-content h3{font-size:16px;} /*Timeline*/ #top #wrap_all .avia-timeline-vertical .av-milestone-icon-wrap{padding:10px 0px;} #top #wrap_all .avia-timeline .milestone_icon{background:inherit;} #top #wrap_all .avia-timeline .milestone_inner, #top #wrap_all .av-milestone-indicator{display: none;} #top #wrap_all .av-milestone-content-wrap{padding-top:0px; padding-bottom:0px;} #top #wrap_all .av-milestone-content:after{width:70px; left:-100px;} #top #wrap_all .av-milestone-even .av-milestone-content:after{left:auto; right:-105px;} /*Single post*/ #top .fullsize .template-blog .big-preview img{max-height: 650px;} #top .fullsize .template-blog .post .entry-content-wrapper{text-align: left;} /*Contact us section*/ #top #wrap_all .contact-us-section .flex_column_table{margin-bottom:0px;} /*Footer*/ #top #wrap_all .footer-description{color:#1b10b2; font-weight: bold; font-size: 36px; line-height: 1.6em;} /*Helper classes*/ #top #wrap_all .max-width-1180{max-width: 1180px; margin: 0 auto; float:none;} } @media only screen and (min-width: 1250px) { /*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;} #top #wrap_all .all_colors .super-size-title .av-special-heading-tag{font-size:120px;} /*Flex slider*/ #top #wrap_all .flexslider .slides li .carousel-item-wrapper{margin:0 15px;} #top #wrap_all .flex-control-nav{bottom:-40px;} #top #wrap_all .carousel-item-content{padding:20px; padding-bottom:80px;} #top #wrap_all .carousel-item-content a{left:20px; bottom:20px;} /*Tabs*/ #top #wrap_all .av-tab-section-tab-title-container .av-section-tab-title{padding:30px;} #top #wrap_all .av-tab-no-icon.av-tab-no-image .av-inner-tab-title{font-size: 16px;} /*Text and image section*/ #top #wrap_all .tai-text-column{font-size: inherit; max-width: 508px; padding:40px 0px;} #top #wrap_all .reverse-direction-in-desktop .tai-text-column{padding-left:0px;} #top #wrap_all .tai-text-column.first{padding-left: 0px} } @media only screen and (max-width: 990px) { #top #wrap_all .av-milestone-icon-wrap{height: 100% !important;} #top #wrap_all .av-milestone-date, #top #wrap_all .av-milestone-icon{display: none;} } @media only screen and (max-width: 768px) { /*Long header word*/ #top #wrap_all #av_section_1 h1.long-title{font-size:34px;} /*Blog posts*/ .responsive #top #wrap_all .slide-entry{width: 100%; margin-left: 0px;} /*Front page*/ #top #wrap_all .map-section{background:none;} }