/* 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:#22668D; --alternate-color:#FFBC3E; --heading-weight: 400; } /*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;} /*Headings*/ #top #wrap_all .av-special-heading{margin-top:0px; font-weight: var(--heading-weight);} #top #wrap_all .all_colors h1{font-size:40px; text-transform: none; font-weight: var(--heading-weight);} #top #wrap_all .all_colors h2{font-size:30px; text-transform: none; font-weight: var(--heading-weight);} #top #wrap_all .all_colors h3{font-size:24px; text-transform: none; font-weight: var(--heading-weight);} #top #wrap_all .all_colors h4{font-size:18px; text-transform: none; font-weight: var(--heading-weight);} /*Buttons*/ body div .avia-button{border-radius:8px; font-weight:900; text-transform: uppercase; border:0px;} #top #wrap_all .avia-button{font-size:14px;} #top #wrap_all .avia-button span{-webkit-text-stroke:0px; text-shadow: none;} #top #wrap_all .avia-button{border:0px; padding:12px 15px;} #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: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 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);} /*Header*/ #top #wrap_all #header_main .av-logo-container .main_menu{padding-right:20px;} #top #wrap_all .header-extra-links a{font-size:11px; padding:8px;} /*/ /*Helper classes*/ /*Aalto*/ #top #wrap_all .wave-section{position: relative;} #top #wrap_all .wave-section:after{content:''; display: block; width:100%; height:100px; bottom:0px; left:0px; background-image:url('img/aalto.svg'); background-repeat: no-repeat; background-size: cover; } #top #wrap_all .footer_color.wave-section:after{background-image:url('img/aalto-blue.svg');} #top #wrap_all .wave-section-top-wave{position: relative;} #top #wrap_all .wave-section-top-wave .content{padding-top:0px;} #top #wrap_all .wave-section-top-wave:before{content:''; display: block; width:100%; height:100px; position: absolute; top:0px; left:0px; background-image:url('img/aalto.svg'); background-repeat: no-repeat; background-size: cover; transform: rotate(180deg);} /*Frontpage*/ #top #wrap_all .merioulu-badge{position: absolute; width:100px; bottom:-50px; left:0px;} /*Pesänjako*/ #top #wrap_all #main .pesanjako-info .three-images-column{position: static; display: none;} /*Show list*/ #top #wrap_all .show-list{max-width: 520px; margin:0 auto;} #top #wrap_all .show-all.show-list{max-width:768px;} #top #wrap_all .show-list-item{display: flex;cursor: pointer; justify-content: space-between; margin-bottom:15px;} #top #wrap_all .show-list-item .show-list-column{width:40%; text-align: center;} #top #wrap_all .show-list-item .show-list-column:last-child, #top #wrap_all .show-list-item .show-list-column:first-child{width:30%;} #top #wrap_all .show-list-item.no-link{cursor: inherit;} #top #wrap_all .show-all .show-list-item{justify-content: space-between; font-size:13px;} /*#top #wrap_all .show-list-item .price{text-decoration: underline; color:var(--primary-color);}*/ /*#top #wrap_all .show-list-item.no-link .price{color:#000000; text-decoration: none;} #top #wrap_all .show-list-item .price:hover{color:var(--alternate-color);} #top #wrap_all .show-list-item.no-link .price:hover{color:#000000;}*/ /*Footer*/ #top #wrap_all .footer .avia_image{width: 100%; max-width: 200px;} #top #wrap_all .footer .social_bookmarks{display: flex; justify-content: space-around;} #top #wrap_all .footer .social_bookmarks li{float:none; border: 0px; margin:0px; width:40px;} #top #wrap_all .footer .social_bookmarks li a{border: 0px; font-size: 35px; height:35px; width:35px; line-height: 35px; color:#ffffff;} } @media only screen and (min-width: 420px) { #top #wrap_all .header-extra-links{display: block;} /*Frontpage*/ #top #wrap_all .merioulu-badge{width:150px; bottom:-75px;} } @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;} /*Frontpage*/ #top #wrap_all .merioulu-badge{width:200px; bottom:-100px;} /*Show list*/ #top #wrap_all .show-all .show-list-item{font-size: 15px;} /*Footer*/ #top #wrap_all .footer .social_bookmarks{justify-content: flex-start;} } @media only screen and (min-width: 990px) { .content{padding:80px 0px;} /*Header*/ /*Menu*/ .av-main-nav > li > a{font-weight:900; text-transform: uppercase; padding:0 11px;} #top #wrap_all .header-extra-links a{font-size:16px; padding:12px 15px;} /*Pesänjako*/ #top #wrap_all .pesanjako-info{position: relative;} #top #wrap_all #main .pesanjako-info .three-images-column{display: block;} #top #wrap_all .top-image{position: absolute; top:-65px; right:-20px; width:125px} #top #wrap_all .middle-image{position: absolute; top:100px; width:150px} #top #wrap_all .bottom-image{position: absolute; bottom:-65px; right:-20px; width:125px;} } @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;} /*Header*/ /*Menu*/ .av-main-nav > li > a{font-size:16px;} #top #wrap_all .av-main-nav > li:hover > a, #top #wrap_all .av-main-nav > li.current-menu-item > a{text-decoration: underline} #top #wrap_all .avia-content-grid-active article.slide-entry .slide-image{height:375px;} } @media only screen and (max-width: 768px) { /*Long header word*/ #top #wrap_all #av_section_1 h1.long-title{font-size:34px;} }