/* 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) { /*Variables*/ :root{ --primary-color:#1a00ff; --alternate-color:#f9fcbe; --pink:#eb5bb7; --halo:#F9FCBE; --stardust: #F3F3EF; --glooria: #BDF3C7; --heading-weight: 800; --animation-speed: all 0.3s linear; } /*Grid*/ .content{padding:80px 0px;} .container{z-index: 9;} .avia-section.top-blue-gradient{z-index: 1;} /*Animation*/ .animate{-webkit-transition: var(--animation-speed); -o-transition: var(--animation-speed); -moz-transition: var(--animation-speed); -ms-transition: var(--animation-speed); -kthtml-transition: var(--animation-speed); transition: var(--animation-speed);} /*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 .lighter-text .av-special-heading-tag{font-weight:500;} #top #wrap_all .termina-font{font-family:'Termina', sans-serif;} #top #wrap_all .large-text{font-size:18px; font-weight:500;} /*Headings*/ #top #wrap_all .av-special-heading{margin-top:0px; font-weight: var(--heading-weight);} #top #wrap_all .av-special-heading.flex-start{display: flex;} #top #wrap_all .all_colors h1{font-size:40px; text-transform: none; font-weight: var(--heading-weight); font-family:'Termina', sans-serif;} #top #wrap_all .all_colors h2{font-size:30px; text-transform: none; font-weight: var(--heading-weight); font-family:'Termina', sans-serif; line-height: 1.4em;} #top #wrap_all .all_colors h3{font-size:24px; text-transform: none; font-weight: var(--heading-weight); font-family:'Termina', sans-serif;} #top #wrap_all .all_colors h4{font-size:18px; text-transform: none; font-weight: var(--heading-weight); font-family:'Termina', sans-serif;} #top #wrap_all .all_colors .small-title .av-special-heading-tag{font-size:14px; font-weight:400;} #top #wrap_all .av-subheading p{font-weight:500; font-family:'Termina', sans-serif; margin-bottom:20px;} /*Buttons*/ body div .avia-button{border-radius:0; border:0px;} #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 .main_color .avia-button.avia-color-theme-color, #top #wrap_all .blue-button .avia-button.avia-color-theme-color{background: var(--primary-color);} #top #wrap_all .main_color .avia-button.avia-color-theme-color:hover, #top #wrap_all .blue-button .avia-button.avia-color-theme-color:hover{background: var(--alternate-color); color: var(--pink);} #top #wrap_all .main_color .avia-button.avia-color-theme-color[title="reverse"]{background: var(--alternate-color); color: var(--pink);} #top #wrap_all .main_color .avia-button.avia-color-theme-color[title="reverse"]:hover{background: var(--primary-color); color:#ffffff;} #top #wrap_all .main_color .avia-button.avia-color-theme-color[title="turqoise"]{background: var(--stardust); color: var(--pink);} #top #wrap_all .main_color .avia-button.avia-color-theme-color[title="turqoise"]:hover{background: var(--primary-color); color:#ffffff;} #top #wrap_all .main_color .avia-button.avia-color-theme-color-subtle{background:#BDF3C7; border-color:#BDF3C7;} #top #wrap_all .main_color .avia-button.avia-color-theme-color-subtle:hover{background:var(--primary-color); color:#ffffff;} #top #wrap_all .alternate_color .avia-button.avia-color-theme-color{background: var(--alternate-color); color:var(--pink);} #top #wrap_all .alternate_color .avia-button.avia-color-theme-color:hover{background: var(--pink); color: var(--alternate-color);} #top #wrap_all .auringonlasku .avia-color-theme-color{background:var(--primary-color); color:#ffffff;} #top #wrap_all .auringonlasku .avia-color-theme-color:hover{background:var(--halo); color:var(--pink);} #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: 600px; 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 .alternate_color input[type="submit"]{background:var(--alternate-color);} /*Header*/ #top #wrap_all #header_main .av-logo-container .social_bookmarks{display: none;} #top .av_header_transparency .social_bookmarks li a{color:var(--primary-color);} /*Menu*/ .av-main-nav > li > a{font-family:'Termina', sans-serif;} /*front page*/ #top #wrap_all .front-page-logo{margin-bottom:40px;} #top #wrap_all .front-page-logo img{max-width: 100px;} #top #wrap_all .front-page-lift .av-subheading p{margin-bottom: 10px;} #top #wrap_all .object-fit-image img{object-fit:cover; height:250px; margin-bottom:10px;} /*Why -section*/ #top #wrap_all .why-column .av-special-heading{padding:0px; margin:0px;} #top #wrap_all .why-column .avia-image-container img{height:250px; object-fit: cover;} /*Yrityksille*/ /*Service description*/ #top #wrap_all .service-description-column{position: relative; padding-bottom:40px;} #top #wrap_all .sd-psyykkinen svg{rotate:90deg;} #top #wrap_all .sd-henkinen svg{rotate:40deg;} #top #wrap_all .sd-fyysinen svg{rotate:250deg;} #top #wrap_all .sd-fyysinen svg{rotate:180deg;} /*Single post*/ #top .fullsize .template-blog .post .entry-content-wrapper{text-align: left;} /*Social media icons*/ #top #wrap_all .avia_textblock .social-media-icons ul{height:40px; margin:0px; padding:0px; display: flex; column-gap:8px;} #top #wrap_all .avia_textblock .social-media-icons li{float:none; margin:0px;} #top #wrap_all .avia_textblock .social-media-icons li, #top #wrap_all .avia_textblock .social-media-icons li a{width:40px; height:40px; line-height: 40px; border:0px;} /*Add threads*/ #top #wrap_all .av-social-link-threads a:before{content:''; width:16px; height:16px; display: inline-block; vertical-align: middle; background-size:contain; background-repeat:no-repeat; background-position: center; background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath d='M331.5 235.7c2.2 .9 4.2 1.9 6.3 2.8c29.2 14.1 50.6 35.2 61.8 61.4c15.7 36.5 17.2 95.8-30.3 143.2c-36.2 36.2-80.3 52.5-142.6 53h-.3c-70.2-.5-124.1-24.1-160.4-70.2c-32.3-41-48.9-98.1-49.5-169.6V256v-.2C17 184.3 33.6 127.2 65.9 86.2C102.2 40.1 156.2 16.5 226.4 16h.3c70.3 .5 124.9 24 162.3 69.9c18.4 22.7 32 50 40.6 81.7l-40.4 10.8c-7.1-25.8-17.8-47.8-32.2-65.4c-29.2-35.8-73-54.2-130.5-54.6c-57 .5-100.1 18.8-128.2 54.4C72.1 146.1 58.5 194.3 58 256c.5 61.7 14.1 109.9 40.3 143.3c28 35.6 71.2 53.9 128.2 54.4c51.4-.4 85.4-12.6 113.7-40.9c32.3-32.2 31.7-71.8 21.4-95.9c-6.1-14.2-17.1-26-31.9-34.9c-3.7 26.9-11.8 48.3-24.7 64.8c-17.1 21.8-41.4 33.6-72.7 35.3c-23.6 1.3-46.3-4.4-63.9-16c-20.8-13.8-33-34.8-34.3-59.3c-2.5-48.3 35.7-83 95.2-86.4c21.1-1.2 40.9-.3 59.2 2.8c-2.4-14.8-7.3-26.6-14.6-35.2c-10-11.7-25.6-17.7-46.2-17.8H227c-16.6 0-39 4.6-53.3 26.3l-34.4-23.6c19.2-29.1 50.3-45.1 87.8-45.1h.8c62.6 .4 99.9 39.5 103.7 107.7l-.2 .2zm-156 68.8c1.3 25.1 28.4 36.8 54.6 35.3c25.6-1.4 54.6-11.4 59.5-73.2c-13.2-2.9-27.8-4.4-43.4-4.4c-4.8 0-9.6 .1-14.4 .4c-42.9 2.4-57.2 23.2-56.2 41.8l-.1 .1z' fill='black'/%3E%3C/svg%3E");} #top #wrap_all .av-social-link-threads:hover{background:#ffffff;} #top #wrap_all .av-social-link-threads:hover a:before{background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath d='M331.5 235.7c2.2 .9 4.2 1.9 6.3 2.8c29.2 14.1 50.6 35.2 61.8 61.4c15.7 36.5 17.2 95.8-30.3 143.2c-36.2 36.2-80.3 52.5-142.6 53h-.3c-70.2-.5-124.1-24.1-160.4-70.2c-32.3-41-48.9-98.1-49.5-169.6V256v-.2C17 184.3 33.6 127.2 65.9 86.2C102.2 40.1 156.2 16.5 226.4 16h.3c70.3 .5 124.9 24 162.3 69.9c18.4 22.7 32 50 40.6 81.7l-40.4 10.8c-7.1-25.8-17.8-47.8-32.2-65.4c-29.2-35.8-73-54.2-130.5-54.6c-57 .5-100.1 18.8-128.2 54.4C72.1 146.1 58.5 194.3 58 256c.5 61.7 14.1 109.9 40.3 143.3c28 35.6 71.2 53.9 128.2 54.4c51.4-.4 85.4-12.6 113.7-40.9c32.3-32.2 31.7-71.8 21.4-95.9c-6.1-14.2-17.1-26-31.9-34.9c-3.7 26.9-11.8 48.3-24.7 64.8c-17.1 21.8-41.4 33.6-72.7 35.3c-23.6 1.3-46.3-4.4-63.9-16c-20.8-13.8-33-34.8-34.3-59.3c-2.5-48.3 35.7-83 95.2-86.4c21.1-1.2 40.9-.3 59.2 2.8c-2.4-14.8-7.3-26.6-14.6-35.2c-10-11.7-25.6-17.7-46.2-17.8H227c-16.6 0-39 4.6-53.3 26.3l-34.4-23.6c19.2-29.1 50.3-45.1 87.8-45.1h.8c62.6 .4 99.9 39.5 103.7 107.7l-.2 .2zm-156 68.8c1.3 25.1 28.4 36.8 54.6 35.3c25.6-1.4 54.6-11.4 59.5-73.2c-13.2-2.9-27.8-4.4-43.4-4.4c-4.8 0-9.6 .1-14.4 .4c-42.9 2.4-57.2 23.2-56.2 41.8l-.1 .1z' fill='black'/%3E%3C/svg%3E");}} #top #wrap_all #header .av-social-link-threads{border-radius:50%;} #top #wrap_all #header .av-social-link-threads a:before{background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath d='M331.5 235.7c2.2 .9 4.2 1.9 6.3 2.8c29.2 14.1 50.6 35.2 61.8 61.4c15.7 36.5 17.2 95.8-30.3 143.2c-36.2 36.2-80.3 52.5-142.6 53h-.3c-70.2-.5-124.1-24.1-160.4-70.2c-32.3-41-48.9-98.1-49.5-169.6V256v-.2C17 184.3 33.6 127.2 65.9 86.2C102.2 40.1 156.2 16.5 226.4 16h.3c70.3 .5 124.9 24 162.3 69.9c18.4 22.7 32 50 40.6 81.7l-40.4 10.8c-7.1-25.8-17.8-47.8-32.2-65.4c-29.2-35.8-73-54.2-130.5-54.6c-57 .5-100.1 18.8-128.2 54.4C72.1 146.1 58.5 194.3 58 256c.5 61.7 14.1 109.9 40.3 143.3c28 35.6 71.2 53.9 128.2 54.4c51.4-.4 85.4-12.6 113.7-40.9c32.3-32.2 31.7-71.8 21.4-95.9c-6.1-14.2-17.1-26-31.9-34.9c-3.7 26.9-11.8 48.3-24.7 64.8c-17.1 21.8-41.4 33.6-72.7 35.3c-23.6 1.3-46.3-4.4-63.9-16c-20.8-13.8-33-34.8-34.3-59.3c-2.5-48.3 35.7-83 95.2-86.4c21.1-1.2 40.9-.3 59.2 2.8c-2.4-14.8-7.3-26.6-14.6-35.2c-10-11.7-25.6-17.7-46.2-17.8H227c-16.6 0-39 4.6-53.3 26.3l-34.4-23.6c19.2-29.1 50.3-45.1 87.8-45.1h.8c62.6 .4 99.9 39.5 103.7 107.7l-.2 .2zm-156 68.8c1.3 25.1 28.4 36.8 54.6 35.3c25.6-1.4 54.6-11.4 59.5-73.2c-13.2-2.9-27.8-4.4-43.4-4.4c-4.8 0-9.6 .1-14.4 .4c-42.9 2.4-57.2 23.2-56.2 41.8l-.1 .1z' fill='%231a00ff'/%3E%3C/svg%3E");} /*Helper classes*/ .text-block-with-heading{display: flex; align-items: flex-start; flex-direction: column;} .text-block-with-heading.text-right h2{text-align: right;} #top #wrap_all .extra-padding-bottom .content{padding-bottom:170px;} /*text-and-image-section*/ #top #wrap_all .text-and-image-section .av-subheading p{margin-bottom:5px;} /*Footer*/ #top #wrap_all .alternate_color + .footer .content{padding-top:0px;} #top #wrap_all .footer .footer-menu{list-style: none; display: flex; flex-direction: column; align-items: center; max-width: 768px; margin: 0 auto;} #top #wrap_all .footer .footer-menu a{text-decoration: none;} #top #wrap_all .footer .footer-menu a:hover{text-decoration: underline;} #top #wrap_all .footer .footer-menu ul{display: none;} } @media only screen and (min-width: 560px) { #top #wrap_all .why-column .avia-image-container img{height:300px;} } @media only screen and (min-width: 768px) { /*Grid*/ .content{padding:120px 0px;} /*Typography*/ #top #wrap_all .large-text{font-size:22px;} /*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;} /*Header*/ #top #wrap_all #header_main .av-logo-container .social_bookmarks{display: flex; margin-left:20px;} /*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;} /*Why section*/ #top #wrap_all .why-column .avia-image-container img{height:400px;} /*Footer*/ #top #wrap_all .footer .footer-menu{flex-direction: row; justify-content: space-between;} } @media only screen and (min-width: 990px) { /*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 .text-and-image-section .tai-text-column h3{font-size:22px;} #top #wrap_all .reverse-direction-in-desktop .tai-text-column{padding-left:40px;} #top #wrap_all .reverse-direction-in-desktop{flex-direction: row-reverse;} /*Header*/ #top #wrap_all #header_main .av-logo-container .social_bookmarks{margin-left:0px;} /*Menu*/ .av-main-nav > li > a{font-size:11px; padding:0px 10px;} .av-main-nav > li > a > .avia-menu-text{border-bottom:0px; -webkit-transition: var(--animation-speed); -o-transition: var(--animation-speed); -moz-transition: var(--animation-speed); -ms-transition: var(--animation-speed); -kthtml-transition: var(--animation-speed); transition: var(--animation-speed);} .av-main-nav > li.current-menu-item > a > .avia-menu-text, .av-main-nav > li:hover > a > .avia-menu-text{border-bottom:4px solid var(--primary-color); padding-bottom:5px;} /*Why section*/ #top #wrap_all .why-section .flex_column_table{display: flex; justify-content: space-between; align-items: flex-end;} #top #wrap_all .why-column{padding:0 1.5%;} #top #wrap_all .why-column .av-special-heading .av-special-heading-tag{font-size:18px; line-height: 1.6em;} #top #wrap_all .why-column .avia-image-container{margin-bottom:30px;} #top #wrap_all .why-column .avia-image-container img{height:300px;} #top #wrap_all .why-column .av_textblock_section{margin-bottom: 30px;} /*Service description*/ #top #wrap_all #main .service-description-section .flex_column_table .service-description-column h3{font-size:18px} #top #wrap_all #main .service-description-section .flex_column_table .service-description-column .avia_textblock{font-size:13px;} } @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;} /*Menu*/ .av-main-nav > li > a{font-size:13px; padding:0px 13px;} /*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} #top #wrap_all .text-and-image-section.max-height-img .avia-image-overlay-wrap img{max-height:1000px;} /*Why section*/ #top #wrap_all .why-column .avia-image-container img{height:300px;} /*Service description*/ } @media only screen and (max-width: 990px) { /*Long header word*/ #top #wrap_all #av_section_1 h1.long-title{font-size:34px;} /*Why -section*/ #top #wrap_all #main .why-column{display: flex; flex-direction: column; row-gap:10px;} #top #wrap_all #main .why-section .flex_column_table .why-column:nth-child(even) .avia-image-container{order:1;} #top #wrap_all #main .why-section .flex_column_table .why-column:nth-child(even) .av-special-heading{order:2;} #top #wrap_all #main .why-section .flex_column_table .why-column:nth-child(even) .av_textblock_section{order:3;} /*Service description*/ #top #wrap_all #main .service-description-column{display: flex; flex-direction: column; row-gap:10px;} #top #wrap_all #main .service-description-section .flex_column_table .service-description-column:nth-child(odd) .avia_codeblock_section{order:1;} #top #wrap_all #main .service-description-section .flex_column_table .service-description-column:nth-child(odd) .av_textblock_section{order:2;} } @media only screen and (max-width: 480px) { #top #wrap_all .avia-buttonrow-wrap{display: flex; flex-direction: column; max-width: 320px; margin:0 auto; margin-top:20px;} }