/* Theme Name: Applari Theme URI: Description: Applarin wordpresspohja Author: - Author URI: - Template: enfold Version: 1.0.0 Tags: l Text Domain: applari */ /*@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) { /*Typography*/ #top #wrap_all .alternate_color a{text-decoration: underline;} #top #wrap_all .alternate_color a.avia-button{text-decoration: none;} #top #wrap_all .max-width-768{} /*Headings*/ #top #wrap_all .av-special-heading{margin-top:0px; font-weight: bold;} #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{} #top #wrap_all .avia-button span{-webkit-text-stroke:0px; text-shadow: none;} .av_textblock_section + .avia-button-wrap{margin-top: 20px} #top #wrap_all .avia-button.avia-color-white{padding: 10px; color: #000000; line-height: 1.6em;} #top #wrap_all .avia-button.avia-color-white:hover{opacity: 1; text-decoration: underline;} /*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;} /*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*/ /*Content slider*/ #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{height: 225px; border-radius: 0px; margin-bottom: 15px;} #top #wrap_all .avia-content-grid-active .slide-entry .slide-image img{border-radius: 0; object-fit: cover; width: 100%; height: 100%; object-position: 50% 50%;} #top #wrap_all .avia-content-grid-active .slide-entry h3{font-size: 18px;} #top #wrap_all .avia-content-grid-active .slide-entry h3 a{text-decoration: none; font-weight: normal;} /*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;} /*Easy slider*/ #top #wrap_all .avia-slideshow-arrows{display: none;} #top #wrap_all .avia-slideshow-dots{text-align: right;} #top #wrap_all .avia-slideshow-dots a{display: inline-block; opacity: 1; right: 10px; margin: 0 3px; width: 20px; height: 20px;} #top .av-control-minimal .avia-slideshow-dots a{background: rgba(255,255,255, 0.6); border: 0px;} /*Image*/ #top #wrap_all .av-caption-image-overlay-bg{display: none;} #top #wrap_all .av-image-caption-overlay-center{width: 100%; bottom: 40px; left: 0px; text-align: center; position: absolute;} #top #wrap_all .av-image-caption-overlay-center p{display: inline-block; background: #ffffff; padding: 10px; margin: 0; line-height: 1.6em; color: #000000;} #top #wrap_all .avia-image-container:hover .av-image-caption-overlay-center p{text-decoration: underline;} /*Heading*/ #top #wrap_all .av-subheading{font-weight: 300;} /*General*/ /*Header*/ #top .av_header_transparency .header_bg{opacity: 1; background: rgba(63,19,0, 0.75);} #top #wrap_all .cart_dropdown{right: 0px;} /*Pages*/ #top #wrap_all .shop-header .shop-header-column{background: rgba(63, 19, 0, 0.8); padding: 40px 20px;} /*Front page*/ #top #wrap_all .pro-lift-text-column{padding: 40px 20px;} #top #wrap_all .all_colors .pro-lift-text-column h3{font-weight: lighter;} /*Helper classes for editor*/ #top #wrap_all .image-grid{display: flex; flex-wrap: wrap;} #top #wrap_all .image-grid .avia-image-container{width: 100%; margin-bottom: 20px;} #top #wrap_all .image-grid .avia-image-container img{width: 100%;} /*Footer*/ #top #wrap_all .footer .container{padding-top: 0px;} #top #wrap_all .footer img{max-height: 125px; width: auto;} } @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;} /*Easy slider*/ #top #wrap_all .avia-slideshow-dots a{width: 25px; height: 25px; bottom: 40px; right: 20px;} /*Image*/ #top #wrap_all .av-image-caption-overlay-center p{font-size: 14px; padding: 5px 10px;} #socket{text-align: center;} /*Ravintola*/ #top #wrap_all .image-grid{justify-content: space-between;} #top #wrap_all .image-grid .avia-image-container.half-width-image{width: 48%;} #top #wrap_all .image-grid .avia-image-container.half-width-image + .half-width-image{margin-left: 4%;} /*Lunch list*/ #top #wrap_all .lunch-list-section{} } @media only screen and (min-width: 990px) { /*Buttons*/ #top #wrap_all .avia-button.avia-color-white{padding: 8px 20px; font-size: 16px;} /*Image*/ #top #wrap_all .av-image-caption-overlay-center p{font-size: 16px; padding: 8px 20px;} /*Front page*/ #top #wrap_all .pro-lift-text-column{padding: 40px} /*Ravintola*/ #top #wrap_all .image-grid{justify-content: space-between;} #top #wrap_all .image-grid .avia-image-container.half-width-image{width: 47%;} #top #wrap_all .image-grid .avia-image-container.half-width-image + .half-width-image{margin-left: 6%;} } @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;} /*Buttons*/ #top #wrap_all .avia-button.avia-color-white{padding: 10px 40px;} /*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;} /*SHORTCODES*/ /*Image*/ #top #wrap_all .av-image-caption-overlay-center p{padding: 10px 40px;} } @media only screen and (max-width: 768px) { /*Long header word*/ #top #wrap_all #av_section_1 h1.long-title{font-size:24px;} /*Blog posts*/ .responsive #top #wrap_all .slide-entry{width: 100%; margin-left: 0px;} }