/* 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"); /* =Theme customization starts here -------------------------------------------------------------- */ @media only screen and (min-width: 360px) { /*Variables*/ :root{ --primary-color:#0b85ff; --alternate-color:#f7dd4c; --pink:#FFAFAF; --heading-weight: 600; } .content{padding:70px 0px;} /*Animation*/ .animate{-webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -kthtml-transition: all 0.5s ease; transition: all 0.5s ease;} /*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 .neulis-cursive{font-family: 'neulis-cursive', sans-serif;} #top #wrap_all label{font-size:14px;} /*Headings*/ #top #wrap_all .av-special-heading{margin-top:0px; font-weight: var(--heading-weight);} #top #wrap_all .all_colors h1{font-size:36px; text-transform: none; font-weight: var(--heading-weight); font-family:'neulis-cursive', sans-serif;} #top #wrap_all .all_colors h2{font-size:32px; text-transform: none; font-weight: var(--heading-weight); font-family:'neulis-cursive', sans-serif;} #top #wrap_all .all_colors h3{font-size:24px; text-transform: none; font-weight: var(--heading-weight); font-family:'neulis-cursive', sans-serif;} #top #wrap_all .all_colors h4{font-size:18px; text-transform: none; font-weight: var(--heading-weight); font-family:'neulis-cursive', sans-serif;} /*Buttons*/ body div .avia-button{border-radius:60px; border:0px;} #top #wrap_all .avia-button span{-webkit-text-stroke:0px; text-shadow: none;} #top #wrap_all .avia-button{border-width: 1px; padding:7px 30px;} #top #wrap_all .avia-button:hover{opacity: 1;} #top #wrap_all .avia-button.avia-color-theme-color{background: var(--primary-color); color:#ffffff;} #top #wrap_all .avia-button.avia-color-theme-color:hover{background: var(--alternate-color);} #top #wrap_all .avia-button.avia-color-theme-color-highlight{background: var(--alternate-color);} #top #wrap_all .avia-button.avia-color-theme-color-highlight:hover{background: var(--primary-color);} #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: 768px; margin:0 auto;} #top .all_colors .input-text, #top .all_colors input[type="text"], #top .all_colors input[type="input"], #top .all_colors select, #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{border-radius:30px; padding:8px 15px; color:var(--primary-color);} #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); color:#ffffff; border:0px; border-radius:30px;} #top .all_colors input[type="submit"]:hover{background:var(--alternate-color); color:var(--primary-color);} #top select, #top .avia_ajax_form .select, #top .entry-content-wrapper select{border-radius:30px;} #top .avia_ajax_form .av-form-headline{padding:20px 0px; margin:0px;} #top #wrap_all .av-form-text strong{font-size:18px;} /*Header*/ #top #wrap_all #header_main .av-logo-container .quick-link{display: none;} #top #wrap_all .quick-link-button{background: var(--primary-color); color:#ffffff; font-family:'neulis-cursive', sans-serif;} #top #wrap_all .quick-link-button:hover{background: var(--alternate-color); color:var(--pink); } #top #wrap_all .av_header_transparency .quick-link-button{color: var(--primary-color); background:#ffffff;} #top #wrap_all .av_header_transparency .quick-link-button:hover{background: var(--alternate-color); color:var(--pink);} .html_av-overlay-full #top #wrap_all #av-burger-menu-ul li a{font-family:'neulis-cursive', sans-serif;} #top #wrap_all .av-burger-overlay-bg{background: url(img/gradient-background.svg) no-repeat; background-size:cover; opacity:1;} /*Hero*/ #top #wrap_all .half-circle-section{border-radius: 0px 0px 1200px 1200px;} /*Gradient mask*/ #top #wrap_all .gradient-mask{position: relative;} #top #wrap_all .gradient-mask:after{background: url(img/gradient-mask-square.svg) no-repeat; background-size:cover; width:100%; height:100%; content:''; display: block; position: absolute; left:0px; top:0px;} #top #wrap_all .avia-section.gradient-mask:after{border-radius: 0px 0px 1200px 1200px;} /*Gradient background*/ #top #wrap_all .gradient-background{background: url(img/gradient-background.svg) no-repeat; background-size:cover;} /*Image shapes*/ #top #wrap_all .mobile-top-border-circle, #top #wrap_all .top-border-circle{border-radius:200px 200px 0px 0px; overflow: hidden;} #top #wrap_all .object-fit-image{margin-bottom:30px;} #top #wrap_all .object-fit-image img{object-fit: cover; height:300px;} /*Footer*/ #top #wrap_all .footer .social_bookmarks{display: flex;} #top #wrap_all .footer .social_bookmarks li{float:none; border: 0px; margin:0px;} #top #wrap_all .footer .social_bookmarks li a{border: 0px;} #top #wrap_all #ota-yhteytta-tiimi + #ota-yhteytta, #top #wrap_all .hide-footer + #ota-yhteytta{display: none;} /*Helper classes*/ #top #wrap_all .bigger-text{font-size: 16px;} } @media only screen and (min-width: 520px) { } @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:50px;} #top #wrap_all .all_colors h3{font-size:28px;} #top #wrap_all .all_colors h4{font-size:18px;} /*Form*/ #top .avia_ajax_form input[type="checkbox"], #top .avia_ajax_form .input_checkbox_label{margin-top:-10px;} /*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;} /*Image shapes*/ #top #wrap_all .mobile-top-border-circle, #top #wrap_all .top-border-circle{border-radius:400px 400px 0px 0px;} } @media only screen and (min-width: 990px) { /*Grid*/ .content{padding:120px 0px;} /*Menu*/ #top #wrap_all .av_header_transparency .av-main-nav > li > a{text-shadow: 0px 3px 6px #00000029; font-family:'neulis-cursive', sans-serif;} #top #wrap_all #header .current_page_item > a span{color:var(--primary-color);} #top #wrap_all #header_main .av-logo-container .quick-link{display: flex;} /*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;} /*Image shapes*/ #top #wrap_all .mobile-top-border-circle{border-radius:0px} #top #wrap_all .left-border-circle{border-radius:400px 0px 0px 400px;} #top #wrap_all .right-border-circle{border-radius:0px 400px 400px 0px;} } @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:60px;} #top #wrap_all .all_colors h3{font-size:30px;} #top #wrap_all .all_colors h4{font-size:20px;} /*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: 768px) { /*Long header word*/ #top #wrap_all #av_section_1 h1.long-title{font-size:34px;} }