/* Theme Name: Applari Theme URI: Description: Applarin wordpresspohja Author: - Author URI: - Template: enfold Version: 1.0.1 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;} /*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*/ .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;} .av-subheading.av_custom_color{opacity:1;} #top #wrap_all .main_color .avia_textblock ul{list-style: none;} #top #wrap_all .main_color .avia_textblock ul li::before{content: "\2022"; color:#00a357; font-weight: bold; display: inline-block; width:1em; margin-left:-1em;} /*Typografy*/ #top label{font-size:18px;} i{font-style:italic;} nav li{list-style:none;} /*Buttons*/ body#top #wrap_all div .avia-button{border-radius:50px; font-family:'Barlow Semi Condensed'; font-size:18px; font-weight:700; padding:12px 24px;} #top #wrap_all .avia-color-theme-color{background-image: -moz-linear-gradient( 0deg, rgb(110,197,113) 0%, rgb(0,163,87) 100%); background-image: -webkit-linear-gradient( 0deg, rgb(110,197,113) 0%, rgb(0,163,87) 100%); background-image: -ms-linear-gradient( 0deg, rgb(110,197,113) 0%, rgb(0,163,87) 100%);} #top #wrap_all .avia-color-theme-color-highlight{ background-image: -moz-linear-gradient( 0deg, rgb(46,143,233) 0%, rgb(0,100,212) 100%); background-image: -webkit-linear-gradient( 0deg, rgb(46,143,233) 0%, rgb(0,100,212) 100%); background-image: -ms-linear-gradient( 0deg, rgb(46,143,233) 0%, rgb(0,100,212) 100%);} /*Headings*/ #top #wrap_all .all_colors h1{font-size:42px; text-transform: none; font-weight:700; letter-spacing: 0.02em;} #top #wrap_all .all_colors h2{font-size:30px; text-transform: none; font-weight:700;} #top #wrap_all .all_colors h3{font-size:18px; text-transform: none; font-weight:700;} #top #wrap_all .all_colors h4{font-size:16px; text-transform: none; font-weight:700;} /*Header*/ #top #wrap_all .av_minimal_header_shadow{box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.1); border-bottom: 1px solid #e1e1e1;} #top #wrap_all .breadcrumb-title{display: none;} /*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*/ #top .back-button{float:right; clear:both; margin-top: -20px; margin-bottom: 0px;} #top .back-button a.avia-button{max-width: 400px; margin:0 auto; padding-left:40px; padding-right:40px; } .avia_transform a:hover .image-overlay{display: none !important;} #top h1.post-title{color:#000000;} /*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;} /*PAGES*/ /*Front page*/ #top #wrap_all .front-page-header-section .content{padding-bottom:0px;} #top #wrap_all .front-page-title{margin-bottom: 40px;} #top #wrap_all .column-with-rounded-border{border-radius:20px; padding:40px 20px;} #top #wrap_all .column-with-rounded-border-left{border-top-right-radius: 0px; border-bottom-right-radius: 0px;} #top #wrap_all .column-with-rounded-border-right{border-top-left-radius: 0px; border-bottom-left-radius: 0px;} #top #wrap_all .front-page-products-link{margin-top:0px;} #top #wrap_all .front-page-products-link-mobile{margin-top:-66px;} #top #wrap_all .front-page-lift img{border-top-left-radius: 20px; border-top-right-radius: 20px;} #top #wrap_all .front-page-lift .av-special-heading{margin-top:30px; padding:0px 20px;} #top #wrap_all .front-page-lift .avia_textblock{padding:0px 20px 20px 20px;} /*Single Cpt*/ #top #wrap_all .single-cpt-mobile-img{display: none;} #top #wrap_all .single-cpt .feat-img{min-height:400px; padding:5%; background-size: contain !important; background-repeat: no-repeat; background-position: center;} /*Single tuote*/ /*Related posts*/ #top #wrap_all .related-posts-wrapper{padding-bottom:0px;} #top #wrap_all .related-posts-wrapper .avia-content-slider, #top #wrap_all .related-posts-wrapper .slide-entry-wrap{margin:0px;} #top #wrap_all .related-posts-title{text-align: center;} #top #wrap_all .related-posts-wrapper .hr .av-seperator-icon{background:#f7f9f0;} #top #wrap_all .related-posts-wrapper .post-slider-content-wrapper{} #top.single-post #wrap_all .related-posts-wrapper .avia-content-grid-active .slide-image{background:none; min-height:auto; display: block;} /*Single rikkakasvi*/ #top #wrap_all .latin-title{display: block; margin-bottom: 20px;} /*Shortcodes*/ /*hr*/ #top #wrap_all .hr .hr-inner{border-color:#d3e7c7;} #top #wrap_all .hr .av-seperator-icon{color:#d3e7c7; font-size:43px; background:#ffffff;} #top #wrap_all .hr-custom.hr-icon-yes.hr-center .hr-inner{margin-left:-2px; margin-right:-2px;} #top #wrap_all .icon-on-the-left .hr-inner:first-child{display: none;} #top #wrap_all .icon-on-the-left .hr-inner:last-child{margin-left:-2px;} #top.single-kasvi #wrap_all .icon-on-the-left .hr-inner:last-child, #top.single-tuote #wrap_all .icon-on-the-left .hr-inner:last-child{margin-left:-5px;} #top #wrap_all .full-width-hr .av-seperator-icon{position: absolute; left:49.5%; top:-0.6px;} #top #wrap_all .full-width-hr .av-seperator-icon:before{background: #ffffff;} /*Blog posts/product list */ #top #wrap_all .slide-entry.post{clear:none;} #top #wrap_all .avia-content-slider .tuote .slide-image{background:none;} #top #wrap_all .avia-content-slider .slide-image img{max-width:none; height:175px; width:auto;} #top #wrap_all .avia-content-slider .av_one_third .slide-image img{height:225px;} #top #wrap_all .avia-content-slider .av_one_half .slide-image img{height:265px;} #top #wrap_all .avia-content-slider .tuote .slide-content{text-align: center;} #top #wrap_all .avia-content-slider .tuote .slide-content .slide-meta{display: none;} #top #wrap_all .avia-content-slider .tuote .slide-content h3{color:#00a357; text-transform: uppercase;} #top #wrap_all .avia-content-slider .tuote .slide-content .entry-content-header{display: flex; min-height:85px; align-items: center; justify-content: center;} /*Promo box*/ #top #wrap_all .av_promobox{border-radius:20px;} #top #wrap_all .av_promobox .avia-promocontent{font-size:19px; font-family: 'Barlow Semi Condensed';} /*Portfolio grid*/ .js_active .grid-image{padding-top:30px;} #top #wrap_all .all_colors h3.grid-entry-title{text-align: center;} /*sorting*/ #top #wrap_all .sort_width_container{margin:0px;} #top #wrap_all .sort_by_cat{display: flex; flex-wrap: wrap;} #top #wrap_all .filter-group{width:100%; margin:10px 1%; margin-top: 0px; text-align: center; display: flex; flex-direction: row; align-items:center; flex-wrap: wrap; justify-content: center;} #top #wrap_all .filter-group h3{font-size:16px; width:100%;} body#top #wrap_all .filter-group .avia-button{font-size:13px; padding:6px 12px; margin-bottom:15px;} body#top #wrap_all .filter-group .avia-button:after{content:''; clear:both; display: table;} body#top #wrap_all .filter-group .avia-button.avia-color-theme-color{color:#ffffff;} #top #wrap_all .av_one_third .grid-image img{width:auto; max-height: 300px; margin:0 auto;} #top #wrap_all .av_one_fourth .grid-image img{max-height:300px; width:auto; margin:0 auto;} /*Portfolio open*/ .responsive .ajax_slide .av_table_col{min-height:400px; padding:5%; background-origin: content-box; background-size: contain !important; background-repeat: no-repeat; background-position: center;} #top #wrap_all .portfolio-preview-content{background:#f7f9f0;} #top #wrap_all .avia-gallery-big img{display: none;} #top .portfolio-preview-image .avia-gallery-thumb{display: none;} #top #wrap_all .kasvi-extra-info-wrapper{padding:30px;} #top #wrap_all .rikkakasvi-gallery{width:100%; left:0px; bottom:6px; position: absolute; text-align: center;} #top #wrap_all .rikkakasvi-gallery img{max-width:60px; margin: 0px 5px;} /*Socket*/ #socket .sub_menu_socket li{border-color:#555555;} } @media only screen and (min-width: 480px) { /*Portfolio grid*/ #top #wrap_all .av_one_third .grid-image img{max-height: 150px;} #top #wrap_all .av_one_fourth .grid-image img{max-height:150px;} } @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;} #top #wrap_all .hide-from-desktop{display: none;} /*Helper classes*/ #top #wrap_all .image-text-grid .av-equal-height-column-flextable{display:flex; flex-wrap: wrap; align-items: stretch;} #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;} #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(even) .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(odd) .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;}*/ /*Header*/ #top #wrap_all .logo{margin-top:20px;} #top #wrap_all .logo img{padding:0px 0px;} #top #wrap_all .header-scrolled .logo img{padding:0px;} /*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;} /*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;} /*Pages*/ /*Front page*/ #top #wrap_all .front-page-header-section .content{padding-bottom:0px;} #top #wrap_all .no-padding-top-in-section .content{padding-top:0px;} #top #wrap_all .front-page-title{margin-bottom: 80px;} #top #wrap_all .front-page-products-link{margin-top:-66px;} #top #wrap_all .front-page-products-link-mobile{margin-top:0px;} #top #wrap_all .column-with-rounded-border{margin-bottom: 40px;} /*Single tuote*/ #top #wrap_all .single-tuote-image-title{margin-bottom: 40px;} /*Single cpt*/ #top #wrap_all .single-cpt-mobile-img{display: none;} #top #wrap_all .single-cpt .feat-img{text-align:center; background-size: contain; background-repeat: no-repeat; background-position: center; } /*Shortcodes*/ /*Blog posts/product list */ #top #wrap_all .avia-content-slider .tuote .slide-content .entry-content-header{min-height:110px;} body#top #wrap_all .avia-content-slider .tuote .slide-content div .avia-button{padding:12px 28px;} /*Portfolio grid*/ #top #wrap_all .ajax_slide .inner_slide{display: flex; flex-wrap: wrap;} #top #wrap_all .portfolio-preview-image{width:50%; border-bottom:1px solid #e1e2dc;} #top #wrap_all .portfolio-preview-content{width:50%; border-bottom:1px solid #e1e2dc;} #top #wrap_all .kasvi-extra-info-wrapper{padding:30px;} #top #wrap_all .avia-gallery-big img{display: none;} /*Portfolio grid*/ #top #wrap_all .sort_by_cat{display: flex; flex-wrap: nowrap; align-items: flex-start;} #top #wrap_all .filter-group{width:31%; margin:20px 1%; text-align: center; display: flex; flex-direction: row; align-items:center;} #top #wrap_all .filter-group h3{font-size:18px;} body#top #wrap_all .filter-group .avia-button{margin:0px 5px 15px 5px; } #top #wrap_all .av_one_third .grid-image img{max-height: 180px; height:180px; width:auto; max-width: none; } #top #wrap_all .av_one_fourth .grid-image img{max-height: 150px;} } @media only screen and (min-width: 1024px) { /*Image text grid*/ #top #wrap_all .image-text-grid .av-equal-height-column-flextable:nth-child(even) .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(odd) .flex_column.el_after_av_one_half{padding:40px 40px 40px 0px !important;} /*Lift list*/ .lift-list-title{font-size:32px; } /*Shortcodes*/ /*Blog posts/product list */ #top #wrap_all .avia-content-slider .tuote .slide-content .entry-content-header{min-height:85px;} /*Portfolio grid*/ #top #wrap_all .av_one_third .grid-image img{max-height: 180px; height:180px; width:auto; max-width: none; } #top #wrap_all .av_one_fourth .grid-image img{max-height: 185px;} /*Portfolio open*/ #top #wrap_all .rikkakasvi-gallery{bottom:6px;} } @media only screen and (min-width: 1200px) { } @media only screen and (max-width: 768px) { .responsive #top #wrap_all .no-margin-bottom-in-mobile{margin-bottom:0px;} #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-in-mobile .avia-image-container.avia-align-center, #top #wrap_all .center-in-mobile .av-special-heading-tag, #top #wrap_all .center-in-mobile .avia_textblock, #top #wrap_all .center-in-mobile .av-subheading{text-align: center;} #top #wrap_all .center-in-mobile .avia-button-wrap{display: block; text-align: center;} #top #wrap_all .center-in-mobile .avia-button.avia-position-left, #top #wrap_all .Center-in-mobile .avia-button.avia-position-right{float:none; display: inline-block;} /*PAges*/ /*Front page*/ .responsive #top #wrap_all .front-page-header-section{background-image: url('img/roundup_mobiili.jpg') !important; background-position: bottom center !important;} .responsive #top #wrap_all .front-page-header-section .container{width:100%; max-width: 100%;} .responsive #top #wrap_all .full-width-in-mobile .container{width:100%; max-width: 100%;} #top #wrap_all .column-with-rounded-border-left, #top #wrap_all .column-with-rounded-border-right{border-radius:0px;} } /*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; }