/* 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*/ .content{padding: 70px 0px;} /*Typography*/ #top #wrap_all p{line-height: 1.6em;} #top #wrap_all .alternate_color a{text-decoration: underline;} #top #wrap_all .alternate_color a.avia-button{text-decoration: none;} #top #wrap_all .avia_textblock a{text-decoration: underline;} /*Headings*/ #top #wrap_all .av-special-heading{margin-top:0px; font-weight: bold; margin-bottom: 20px;} #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;} /*Buttons*/ body div .avia-button{border-radius:0;} #top #wrap_all .avia-button span{-webkit-text-stroke:0px; text-shadow: none;} .av_textblock_section + .avia-button-wrap, .av_textblock_section + .avia-buttonrow-wrap{margin-top: 20px} /*Form*/ #top #wrap_all .avia_ajax_form{max-width: 768px; margin:0 auto;} #top #wrap_all .alternate_color .avia_ajax_form{max-width: 768px; margin: 0;} #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;} /*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 .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{margin-bottom: 0px; } #top #wrap_all .avia-content-slider-element-slider{padding-bottom:60px; 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{border-radius: 0px; margin-bottom: 15px; background:none;} #top #wrap_all .avia-content-grid-active .slide-entry .slide-image img{border-radius: 0; } #top #wrap_all .avia-content-grid-active .slide-entry h3{font-size: 18px; font-weight:bold;} #top #wrap_all .avia-content-grid-active .slide-entry h3 a{text-decoration: none;} /*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: 50px 0px; padding-top: 0px;} #top #wrap_all .av-tab-section-tab-title-container{background: none;} #top #wrap_all .av-tab-section-tab-title-container .av-section-tab-title{padding: 6px 10px; border:0px} #top #wrap_all .av-tab-section-tab-title-container .av-section-tab-title.av-active-tab-title{border: 0px;} #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; text-decoration: underline;} #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;} #top #wrap_all .av-layout-tab .av-flex-placeholder{height: 20px;} /*Logo/Partner*/ #top #wrap_all .avia-logo-element-container .slide-entry-wrap{margin-bottom: 40px; display: flex; flex-wrap: wrap;} #top #wrap_all .avia-logo-element-container .slide-entry{height: auto; margin-bottom: 0px; padding: 0px 20px;} #top #wrap_all .avia-logo-element-container .slide-entry img{max-height: 100% ;} #top #wrap_all .avia-logo-element-container .slide-entry .slide-image{background: none; height: auto;} /*Milestones*/ #top #wrap_all .milestone-char{font-style: normal;} #top #wrap_all .av-milestone-indicator{display: none;} /*Gallery*/ #top #wrap_all .avia-gallery img{border: 0px; padding: 4px;} /*Header*/ #top #wrap_all #header_main .av-logo-container .logo img, #top #wrap_all #header_main .av-logo-container .logo svg{height: 50px;} .html_av-overlay-full #top #wrap_all #av-burger-menu-ul li a{font-size:24px;} .html_av-overlay-full #top #wrap_all #av-burger-menu-ul .sub-menu a{font-size:16px;} /*Social media icons*/ #top #wrap_all .social_bookmarks, #top #wrap_all .social_bookmarks a, #top #wrap_all .social_bookmarks li{border: 0px;} #top #wrap_all .social_bookmarks li:first-child{margin-left: 0px;} #top #wrap_all .social_bookmarks li a:before{font-size: 20px;} /*Product list*/ #top #wrap_all .avia-content-slider .slide-entry-excerpt{font-size:13px;} /*Product page*/ #top #wrap_all .product-page-why-section .avia_textblock h3{font-size:22px;} /*Helper classses for editor*/ /*Full width text image -section = fwti*/ #top #wrap_all #main .full-width-text-image-section{overflow: hidden;} #top #wrap_all #main .full-width-text-image-section .content{padding: 0px;} #top #wrap_all #main .full-width-text-image-section .container{max-width: 100%; width: 100%; padding: 0px;} #top #wrap_all .fwti-text-column{padding: 40px 7.5%;} #top #wrap_all .fwti-image-column{padding: 200px 0px;} /*Functions related styles*/ /*Background shapes*/ #top #wrap_all .background-shape{position: absolute; width: auto; z-index: -1; opacity: 0;} #top #wrap_all .shape_top_left{top: 0px; left: 0px;} #top #wrap_all .shape_top_right{top: 0px; right: 0px;} #top #wrap_all .shape_bottom_left{bottom: -70px; left: 0px;} #top #wrap_all .shape_bottom_right{bottom: 0px; right: 0px;} #top #wrap_all .tyyli-1, #top #wrap_all .tyyli-2, #top #wrap_all .tyyli-3{height: 33%;} #top #wrap_all .tyyli-4, #top #wrap_all .tyyli-8{height: 33%;} #top #wrap_all .tyyli-5, #top #wrap_all .tyyli-6{height: auto; width: 33%;} #top #wrap_all .tyyli-7{height: 25%;} #top #wrap_all .shape_top_left.tyyli-1, #top #wrap_all .shape_top_left.tyyli-2, #top #wrap_all .shape_top_left.tyyli-3{height: 33%;} #top.single-post #wrap_all .tyyli-1, #top.single-post #wrap_all .tyyli-2, #top.single-post #wrap_all .tyyli-3, #top.single-post #wrap_all .tyyli-4, #top.single-post #wrap_all .tyyli-8, #top.single-post #wrap_all .tyyli-7{height: 60%;} /*Single post*/ #top.single-post #wrap_all .avia_textblock, #top.single-post #wrap_all .av-special-heading{max-width: 600px; margin: 0 auto;} #top.single-post #wrap_all .column-top-margin{margin-top: 30px;} } @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;} /*Shortcodes*/ /*Blog posts*/ #top #wrap_all .avia-content-grid-active .slide-entry-wrap{display: flex; justify-content: space-between; margin-bottom: 40px;} #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{padding: 50px 0px;} #top #wrap_all .av-tab-section-tab-title-container .av-section-tab-title{padding: 6px 15px;} #top #wrap_all .av-tab-no-icon.av-tab-no-image .av-inner-tab-title{font-size: 18px;} #top #wrap_all .av-layout-tab{padding: 50px 0px;} /*Logo/Partner*/ #top #wrap_all .avia-logo-element-container .slide-entry-wrap{align-items: center; justify-content: space-between;} /*Helper classses for editor*/ /*Full width text image -section = fwti*/ #top #wrap_all #main .full-width-text-image-section .content{padding-bottom: 70px;} #top #wrap_all #main .full-width-text-image-section.alternate_color .content{padding-bottom: 0px;} #top #wrap_all #main .full-width-text-image-section .flex_column_table{display: flex; justify-content: flex-end; margin-bottom: 0px;} #top #wrap_all #main .fwti-text-column{z-index: 2;max-width: 540px; padding: 40px 50px; display: flex; flex-wrap: wrap; flex-direction: column; justify-content: center; padding-right: 20px;} #top #wrap_all #main .fwti-text-column .av-special-heading-tag{font-size: 42px; width: 100%;} #top #wrap_all #main .fwti-text-column .av_textblock_section{width: 100%;} #top #wrap_all .fwti-image-column{overflow: inherit; padding: 250px 0px;} #top #wrap_all .fwti-image-column:after{height: 150%; background:#ffffff; content: ''; width: 200px; position: absolute; left: -80px; top: 0px; transform: rotate(-15deg); transform-origin: center center; display: block; visibility: visible; overflow: visible;} #top #wrap_all .alternate_color .fwti-image-column:after{background: #353C47;} /*Functions related styles*/ /*Background shapes*/ #top #wrap_all .tyyli-5, #top #wrap_all .tyyli-6{width: 30%;} #top #wrap_all .tyyli-1, #top #wrap_all .tyyli-2, #top #wrap_all .tyyli-3{height: 33%;} /*Single post*/ #top.single-post .container .flex_column_table{margin-bottom: 0px; margin-top: 50px;} } @media only screen and (min-width: 990px) { .av-main-nav > li > a{font-size: 16px; padding:0px 9px;} } @media only screen and (min-width: 1180px) { /*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:30px;} #top #wrap_all .all_colors h4{font-size:20px;} /*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;} /*Header*/ #top #wrap_all #header_main .av-logo-container .logo img, #top #wrap_all #header_main .av-logo-container .logo svg{padding-left: 0px;} .av-main-nav > li > a{font-size: 18px; padding:0px 12px;} /*Helper classses for editor*/ /*Full width text image -section = fwti*/ #top #wrap_all #main .fwti-text-column{padding-left: 0px; padding-right: 20px;} #top #wrap_all .fwti-image-column{padding: 300px 0px;} } @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;} /*Logo partnerss*/ .responsive #top #wrap_all .footer .avia-logo-element-container .slide-entry{height: auto; margin-bottom: 0px; width: 33%;} .responsive #top #wrap_all .avia-logo-element-container .av_one_fourth.slide-entry{height: auto; margin-bottom: 0px; width: 50%;} /*SHapes*/ #top #wrap_all .fwti-text-column .background-shape{display: none;} #top #wrap_all .tyyli-4, #top #wrap_all .tyyli-8{height: 20%;} #top #wrap_all .shape_bottom_right{bottom:-70px;} }