/* 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) { /*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: 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} /*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*/ /*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-element-slider{padding-bottom:20px; 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; background: none;}*/ /*#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;} /*Gallery*/ #top #wrap_all .avia-gallery .avia-gallery-thumb img{border:0px;} /*Descriotpio*/ #top #wrap_all .hosted-by-block{display: flex; justify-content: center; gap:20px; flex-direction: column;} #top #wrap_all .hosted-by-block img{width:70%;} /*Program*/ #top #wrap_all .program-item{padding-bottom:40px; margin-bottom:40px; border-bottom:1px solid #ffffff;} #top #wrap_all .program-item h3{font-size:22px; margin-top:0px;} #top #wrap_all .program-item h4{margin-top:0px; font-size:18px;} #top #wrap_all .program-item strong{} #top #wrap_all .program-item p:first-child strong{font-size:18px;} /*Speakers*/ #top #wrap_all .team-img-container img{object-fit: cover; height:450px; object-position: top;} /*Partner logo element*/ #top .avia-logo-element-container .slide-image{background: none;} #top #wrap_all .avia-content-grid-active.avia-logo-grid.avia-content-grid-active .slide-entry-wrap{justify-content: center; display:flex; flex-wrap: wrap; align-items: center;} #top #wrap_all .avia-content-grid-active.avia-logo-grid.avia-content-grid-active .slide-entry{height:auto; box-shadow: none;} #top #wrap_all .avia-content-grid-active.avia-logo-grid.avia-content-grid-active .slide-entry:hover{box-shadow: none;} #top #wrap_all .avia-content-grid-active.avia-logo-grid.avia-content-grid-active .slide-entry:hover img{opacity:1;} } @media only screen and (min-width: 768px) { #top #wrap_all .hide-in-tablet{display: none;} /*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;} /*Blog posts*/ #top #wrap_all .avia-content-grid-active .slide-entry-wrap{display: flex; justify-content: space-between; margin-bottom: 40px; flex-wrap: wrap;} #top #wrap_all .avia-content-grid-active .slide-entry-wrap .flex_column{float: none; margin-left: 0px;} /**/ #top #wrap_all .av-main-nav > li.current-menu-item > a{text-decoration: underline;} /*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;} /*Content slider*/ #top #wrap_all .avia-content-slider-element-slider{padding-bottom:40px;} /*Main title*/ #top #wrap_all .main-slogan h1{line-height:1.2em;} /*Descriotpio*/ #top #wrap_all .hosted-by-block{flex-direction: row; gap:40px; } /*Speakers*/ #top #wrap_all .avia-team-member h3{} #top #wrap_all .team-img-container img{object-fit: cover; height:300px; object-position: top; width:100%;} } @media only screen and (min-width: 990px) { #top #wrap_all .hide-in-tablet{display: block;} /*Speakers*/ #top #wrap_all #main .avia-team-member h3{font-size:20px;} #top #wrap_all #main .avia-team-member .team-member-description{font-size:14px; line-height:1.6em;} #top #wrap_all #speakers .flex_column_table{display: flex; justify-content: space-evenly;} } @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;} /*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;} /*Descriotpio*/ #top #wrap_all .hosted-by-block img{width:80%;} } @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;} /*Parnter logo*/ #top #wrap_all .avia-content-grid-active.avia-logo-grid.avia-content-grid-active .slide-entry{width:50%;} #top #wrap_all .avia-content-grid-active.avia-logo-grid.avia-content-grid-active .slide-entry.av_one_sixth{width: 33%;} }