/*
 Theme Name:   sask2018
 Theme URI:    
 Description:  Child theme for Weistamo-Lankku.
 Author:       Web-Veistämö Oy
 Author URI:   http://web-veistamo.fi
 Template:     weistamo-lankku
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Text Domain:  webveistamo-child
*/
html {
    min-width: 320px; /* accessibility requirement, should work down to this without horizontal scrolling */
}

body {
	font-family: 'Open Sans', Arial, sans-serif;
    /* font-size: 78%; */
    font-size: 1em;
    /* font-size: 12px; */
}

/* Override Owl carousel font family with Fontawesome pro*/
.owl-theme .owl-nav .owl-next:after,
.owl-theme .owl-nav .owl-prev:after {
    font-family: "Font Awesome 5 Pro" !important;
}

h1, h2, h3, h4, h5, h6, .site-header a, .entry-meta .date, .ajankohtaista-item .item-meta {
	font-family: 'Oswald', sans-serif;
}

.entry-content h2, .entry-content h3 {
    color: #ffd400;
}

.entry-content h4, .entry-content h5, .entry-content h6 {
    color: #585857;
}

.entry-content > h2, .entry-content > h3, .entry-content > h4, .entry-content > h5, .entry-content > h6 {
    margin-top: .5em;
    margin-top: 2rem;
    margin-bottom: 1rem;
}

.entry-content h2 {
    font-size: 3.7em;
}

.entry-content h3 {
    font-size: 2.2em;
}

.entry-content h4 {
    font-size: 2em;
}

.entry-content h5 {
    font-size: 2em;
    font-weight: 400;
}

h1.page-title {
    text-align: center;
    font-size: 5.5em;
    margin-top: .5em;
    font-weight: 500;
    padding-bottom: 30px;
    letter-spacing: -0.05em;
}

.page h1.page-title{
    clear: both;
}

caption, blockquote {
	font-family: 'trashhandregular';
}

blockquote {
    margin: 4rem 0 4rem;
}

figure {
    border: none!important;
    margin-bottom: 2.5em;
}

.entry-content p img {
    margin-bottom: 2.5rem;
    max-width: 49%;
}

.entry-content img.size-large, .entry-content img.size-full {
    width: 100%;
    margin-bottom: 2.5rem;
    max-width: 100%;
}

.entry-content img.size-medium {
    width: 49%;
    margin-bottom: 2.5rem;
    max-width: 49%;
}

.entry-content figure img.size-large, .entry-content figure img.size-medium {
    margin-bottom: 0;
    width: 100%;
    max-width: 100%;
}

.wp-caption {
    width: auto;
}

.entry-content .wp-caption img {
    margin-bottom: 0;
}

.wp-caption .wp-caption-text, .gallery-caption {
    font-size: 1.5em;
    margin-top: .5em;
    text-align: left;
    font-style: italic;
    line-height: 1.2;
}

.entry-content figure {
    min-width: 49%;
}

figure img {
    width: 100%!important;
}

a {
    color: #004877;
    font-weight: 700;
}

hr {
    border-top: 4px solid #ffd400;
}

.excerpt-wrap {
    font-weight: 700;
    font-size: 1.9em;
    margin-bottom: 1em;
}

.page .excerpt-wrap {
    text-align: center;
}

.btn {
    transition: all .1s;
}

.btn:hover {
    -ms-transform: scale(1.02, 1.02);
    -webkit-transform: scale(1.02, 1.02);
    transform: scale(1.02, 1.02);
    box-shadow: 3px 3px 30px rgba(0,0,0,.3);
}

.searchform-wrap {
    height: 0;
    opacity: 0;
    -moz-transition: all .3s;
    -webkit-transition: all .3s;
    transition: all .3s;
    max-width: 100%; /* prevent horizontal scroll due wrapping being over 320 css px */ 
    overflow: hidden;
}

.searchform-wrap.open {
    height: 58px;
    opacity: 1;
}

.container {
    max-width: 1180px;
}

.site-header {
    /* background: #ffd400; */
    background: #014877;
    position: relative;
    padding: 0;
    -moz-box-shadow: 0 1px 15px rgba(0,0,0,.15);
    -webkit-box-shadow: 0 1px 15px rgba(0,0,0,.15);
    box-shadow: 0 1px 15px rgba(0,0,0,.15);
    z-index: 9;
}

.site-header.sticky {
    position: fixed;
    top: 0;
    width: 100%;
}

.site-header.sticky + main {
    margin-top: 113px;
}

.site-header .navbar {
    background: transparent;
    max-width: 1180px;
    margin: 0 auto;
    padding: 0;
    padding-left: 15px;
    padding-right: 15px;
    min-width: 320px;
}

.site-header .navbar .navbar-brand {
    margin-right: 1em;
    padding: 0;
    width: auto;
}

.site-header .navbar .navbar-brand * {
    color: #fff;
    vertical-align: center;
}

.logo-img {
    max-width: 4em;
    -webkit-filter: drop-shadow( 2px 2px 5px rgba(0,0,0,.2) );
    filter: drop-shadow( 2px 2px 5px rgba(0,0,0,.2) );
    height: 100%;
    max-height: 57px;
    padding: 0.2em 0.1em;
}

.site-header .navbar .navbar-nav {
    width: 100%;
}

.site-header a {
    color: #fff;
    font-size: 1.5em;
    text-shadow: 1px 1px 5px rgba(0,0,0,.15);
}

.skip-to-content {
    top: 0px;
    display: inline-block;
    position: absolute !important;
    z-index: 100;
    background-color: white;
    left: 1rem;
    padding: 0.5rem;
}

.nav-extras * {
    color: #fff;
}

.nav-extras i {
    font-size: 1.6em;
    margin: 0 .2em;
    cursor: pointer;
    text-shadow: 1px 1px 5px rgba(0,0,0,.15);
    vertical-align: middle;
    padding: 0.2rem;
}
.nav-extras i:hover {
    opacity: .8;
}

.nav-extras svg {
    width: 22px;
    height: 22px;
    vertical-align: middle;
    -webkit-filter: drop-shadow( 1px 1px 5px rgba(0,0,0,.15) );
    filter: drop-shadow( 1px 1px 5px rgba(0,0,0,.15) );
    margin: 0 .2em;
    cursor: pointer;
}

.nav-extras svg path {
    fill: #fff!important;
}

.nav-extras i.fa-envelope {
    font-size: 1.4em;
    /* margin-top: .15em; */
    margin: 0em;
    margin-bottom: -0.2rem
    /* padding-left:0.25rem; */
}

.nav-extras {
    position: relative;
}

.nav-extras .extra-nav {
    display: none;
    width: auto;
    position: absolute;
    top: 2.5em;
    right: 0;
    min-width: 200px;
    z-index: -1;
    opacity: 0;
    transition: all .3s;
    background: #fff;
    box-shadow: 1px 1px 5px rgba(0,0,0,.3);
}
.nav-extras .extra-nav.open {
    display: inline-block;
}

.topnav-button-icon {
    width: 30px;
}
.nav-extras > button {
    cursor: pointer;
    border: none;
    padding: 0.5rem;
}
.nav-extras .extra-nav-toggle-button {
    margin-left: 0;
    padding-left: 0.3rem;
}
.nav-extras .toggle-search-button {
    margin-right: -0.3rem;
    padding-right: 0;
    padding-left: 0.2rem;
}
@media screen and (min-width: 400px) {
    .nav-extras .toggle-search-button {
        margin-right: 0.1rem;
        padding-right: 0.2rem;
        padding-left: 0.2rem;
    }
}

.nav-extras > button:hover,
.nav-extras > button:focus {
    background-color: transparent;
    filter: opacity(0.8);
}
.nav-extras > button:focus {
    outline: solid 2px white;
}

.nav-extras .extra-nav.open {
    z-index: 999;
    opacity: 1;
}

.nav-extras .extra-nav ul li {
    display: block;
}

.nav-extras .extra-nav ul li:before {
    display: none;
}

.extra-nav-toggle:hover {
    filter: opacity(0.8);
}

.extra-nav > ul > li > a {
    display: block;
    padding: 5px 8px;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
    color: #585857;
    font-size: 1.5em;
    text-shadow: none;
    font-family: 'Open Sans', Arial, sans-serif;
    padding: .3em .5em;
    display: block;
    line-height: 1.2;
    font-weight: 400;
    font-size: 1.2em;
    background: transparent;
}

.hamburger-box {
    height: 25px;
}

.nav-extras .navbar-toggler {
    padding-left: 0.4rem;
    padding-right: 0.2rem;
    margin-right: 0;
    vertical-align: middle;
    margin: 0;
}
/* @media (max-width:500px) {
    .navbar-toggler {
        margin: 0 .2em 0 .5em;
    }
} */

.navbar-toggler:focus {
    outline: 2px solid black;
}

.hamburger-inner, .hamburger-inner:after, .hamburger-inner:before {
    width: 21px;
    height: 3px;
    background-color: #fff;
    margin-top: 0px;
    box-shadow: 1px 1px 5px rgba(0,0,0,.15);
}

.hamburger-inner:before {
    top: -8px;
}

.hamburger-inner:after {
    bottom: -8px;
}

/*.navbar-nav .menu-item .dropdown-menu {
    width: 1000px;
    left: 0;
    right: auto;
}*/

/* Megamenu */
#mega-menu-wrap-header-menu {
    width: 100%;
    background: transparent;
}

#mega-menu-wrap-header-menu, #mega-menu-wrap-header-menu #mega-menu-header-menu {

}

#mega-menu-wrap-header-menu #mega-menu-header-menu li.mega-menu-item-has-children.mega-disable-link > a.mega-menu-link {
    cursor: default;
}

#mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-item > a.mega-menu-link, 
#mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link {
    color: #fff;
    font-size: 2.1em;
    font-weight: 500;
    text-shadow: 1px 1px 5px rgba(0,0,0,.15);
    font-family: 'Oswald', sans-serif;
    background: transparent;
    padding: 1.25em .35em;
    height: auto;
}

#mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-item.mega-toggle-on  > a.mega-menu-link,
#mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-item > a.mega-menu-link:hover,
#mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-item > a.mega-menu-link:focus  {
    /* background: #fff; */
    background: #ffd400;
    /* color: #ffd400; */
    color: black;
    text-shadow: 1px 1px 5px rgba(0,0,0,.08);
    font-weight: 500;
    box-shadow: 1px 1px 10px rgba(0,0,0,.2);
    z-index: 9;
}

#mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-item.mega-toggle-on  > a.mega-menu-link {
    z-index: 9999;
}

#mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-megamenu > ul.mega-sub-menu {
    margin-left: -5.5em;
    background: #fff;
    box-shadow: 1px 3px 5px rgba(0,0,0,.3);
    font-size: 1.5em;
    /*margin-top: -.5em!important;*/
    margin-top: 0;
    padding: .75em!important;
    z-index: 99999;
}

#mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item {
    padding: 0;
}

#mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link {
    text-align: center;
    text-transform: none;
    text-shadow: none;
    font-size: 1.4em;
    text-indent: 0;
    padding: 1em 0;
    line-height: 1.2;
    font-weight: 600
}

#mega-menu-wrap-header-menu.mega-keyboard-navigation #mega-menu-header-menu a:focus {
    -moz-box-shadow: inset 0px 0px 3px 1px #014877;
    -ms-box-shadow: inset 0px 0px 3px 1px #014877;
    -o-box-shadow: inset 0px 0px 3px 1px #014877;
    box-shadow: inset 0px 0px 3px 1px #014877;
    color: white;
}

#mega-menu-wrap-header-menu .mega-has-icon .mega-menu-link:before {
    font-size: 100px!important;
    width: 100% !important; /* max menu overwriting these styles */ 
    height: 100px !important;
}

#mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item.mega-has-icon > a.mega-menu-link:hover {
    box-shadow: 0 0 10px rgba(0,0,0,.3);
    color: #ffd400;
}

#mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link:hover span {
    color: #ffd400;
}

#mega-menu-wrap-header-menu #mega-menu-header-menu li.mega-menu-item ul.mega-sub-menu li.mega-has-icon a.mega-menu-link:before{
    content: "";
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    margin-bottom: .15em;  
}

.dashicons-admin-site:before {
    background-image: url(img/sask-symbolit-01-100x100.png) !important; /* max menu overwriting these styles otherwise - menu settings */ 
}

.dashicons-hammer:before {
    background-image: url(img/sask-symbolit-02-100x100.png) !important;
}

.dashicons-groups:before {
    background-image: url(img/sask-symbolit-03-100x100.png) !important;
}

.dashicons-heart:before {
    background-image: url(img/sask-symbolit-04-100x100.png) !important;
}

.dashicons-welcome-write-blog:before {
    background-image: url(img/sask-symbolit-05-100x100.png) !important;
}

.dashicons-admin-multisite:before {
    background-image: url(img/sask-symbolit-06-100x100.png) !important;
}

.mega-menu-flyout .mega-sub-menu.automatic-child-pages {
    /*display: block!important;*/
}

.mega-menu-flyout .mega-sub-menu {
    /*display: none!important;*/
}

#mega-menu-wrap-header-menu #mega-menu-header-menu[data-effect="fade_up"] li.mega-menu-item.mega-menu-flyout ul.mega-sub-menu {
margin-top: 0;
    width: 100%;
    background: #fff;
    box-shadow: 1px 3px 5px rgba(0,0,0,.3);
    min-width: 250px;
    padding-bottom: 1em;
    /* padding-left: .5em; */
    padding-top: .5em;
    z-index: 99999999999999;
    margin-top: 0;
}

#mega-menu-wrap-header-menu #mega-menu-header-menu[data-effect="fade_up"] li.mega-menu-item.mega-menu-flyout ul.mega-sub-menu li:before {
    display: none;
}

#mega-menu-wrap-header-menu #mega-menu-header-menu[data-effect="fade_up"] li.mega-menu-item.mega-menu-flyout ul.mega-sub-menu a {
    color: #585857;
    font-size: 1.5em;
    text-shadow: none;
    font-family: 'Open Sans', Arial, sans-serif;
    padding: .3em .5em;
    display: block;
    line-height: 1.2;
    font-weight: 600;
    font-size: 1.2em;
    padding-left: 1em;
}

.page_item_has_children ul.children {
    list-style-type: none;
    padding-left: 1em;
}

#mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item:last-child > a.mega-menu-link,
#mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link {
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
    color: #585857;
    font-size: 1.5em;
    text-shadow: none;
    font-family: 'Open Sans', Arial, sans-serif;
    padding: .3em .5em;
    display: block;
    line-height: 1.2;
    font-weight: 600;
    font-size: 1.2em;
    background: transparent;
}

#mega-menu-wrap-header-menu #mega-menu-header-menu[data-effect="fade_up"] > li.mega-menu-item.mega-menu-flyout ul.mega-sub-menu a.mega-menu-link:hover,
#mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item:last-child > a.mega-menu-link:hover {
    background: transparent;
    font-weight: normal;
    text-decoration: none;
    color: #666;
    color: #ffd400;
    font-weight: 600;
}

/*#mega-menu-wrap-header-menu #mega-menu-header-menu li.mega-menu-item ul.mega-sub-menu a.mega-menu-link:before {
    display: none;
}*/

main {
    /*max-width: 1280px;*/
    margin: 0 auto;
}

/* Slider */

.page-header.layout-slider .slide-inner-wrapper {
    padding: 4rem 0 0;
}

.jumbotron {
    padding: 1rem 15px;
    color: #fff;
}
.layout-hero .jumbotron {
    background-size: cover;
    background-repeat: no-repeat;
    height: 38vw;
    background-position: center center;
    margin: 0;
    font-size: 1.8em;
    /* font-size: 2vw; */
    border-radius: 0px;
}
.layout-hero .jumbotron .container {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    max-width: 1180px;
    margin:0 auto;
}

.layout-hero .jumbotron h1,
.layout-hero .jumbotron h2,
.layout-hero .jumbotron h3 {
    font-family: 'trashhandregular';
    color: #ffd400;
}
.layout-hero .jumbotron h1 {
    font-size: 1.6em;
}
.layout-hero .jumbotron h2 {
    font-size: 1.7em;
}

.layout-hero .jumbotron a {
    color: white;
}
.layout-hero .jumbotron .btn.cta1,
.layout-hero .jumbotron .btn.cta2 { 
    font-size: 1em;
} 

.layout-hero .jumbotron.left .container {
    align-items: flex-start;
}
.layout-hero .jumbotron.right .container {
    align-items: flex-end;
}
.layout-hero .jumbotron .hero-text {
    padding-top: 3em;
    /* font-size: 1rem; */
}

.page-template-kampanja .layout-hero .jumbotron {
    padding-top: 5rem;
}

@media only screen and (min-width: 35em) {
    .layout-hero .jumbotron.left .container{
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;
        /* margin-left: 1em; */
        margin: 0 auto;
        max-width:1530px;
    }
    .layout-hero .jumbotron.right .container{
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: flex-end;
        /* margin-right: 1em; */
        margin: 0 auto;
        max-width:1530px;
    }
    .jumbotron.right .hero-text,
    .jumbotron.left .hero-text{
        text-align: left;
    }
    .jumbotron.right .cta1-wrap,
    .jumbotron.left .cta1-wrap {
        text-align: left;
    }

    .layout-hero .jumbotron .hero-text {
        font-size: 1.1em;
    }
    .layout-hero .jumbotron h1 {
        font-size: 2em;
    }
    .layout-hero .jumbotron h2 {
        font-size: 1.8em;
    }
    .layout-hero .jumbotron h3 {
        font-size: 1.6em; 
    }
    /* .layout-hero .jumbotron {
        /* font-size: 0.8em;
        height: 20em;
    } */
}

.slide-inner h2, .slide-inner h3, .slide-inner h4, .slide-inner h5, .slide-inner h6 {
    color: #fff;
    font-family: 'trashhandregular';
    text-align: center;
}

.slide-inner h2 {
    font-size: 10em;
}

.slide-inner p {
    color: #fff;
    text-align: center;
    font-size: 2.5em;
    font-weight: 700;
    margin-bottom: 1.5em;
}

.slide-inner a {
    color: #fff;
}

.slide-inner .btn.cta1, .slide-inner .btn.cta2 {
    font-size: 4em;
    padding: .2em 1.5em;
    margin-bottom: .2em;
}

/*.page-header {
    padding: 0;
    text-align: left;
    background-color: transparent;
}*/

/* Page subtitle */
.page-subtitle {
    background: #ffd400;
    /* color: #fff; */
    color: #000;
    padding: 3em;
}

.page-subtitle-inner {
    max-width: 1180px;
    margin: 0 auto;
    padding: 0 15px;
}

.page-subtitle .page-subtitle-inner p {
    font-size: 3.3em;
    font-family: 'Oswald', sans-serif;
    font-weight: 500;
    line-height: 1.2;
    text-align: center;
}

/* Breadcrumbs */

p#breadcrumbs {
    padding-top: 1em;
    margin-bottom: 0;
    text-align: left;
    font-size: 1.4em;
    color: #004877;
    font-weight: 700;
}

p#breadcrumbs a {
    color: #004877;
    font-weight: 700;
}

.breadcrumb_last {
    font-size: .8em;
    color: #212529;
    font-weight: 500;
}

/* Page header */

.page-header.layout-slider {
    padding: 0;
    padding-bottom: 20px;
    background-color: transparent;
}

/* Home sections */

.container.home-section {
    max-width: none;
    padding: 3em 0;
    position: relative;
}

.container.home-section.has-bg-img:before {
    content: "";
    position: absolute;
    background: rgba(255,255,255,.7);
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index:0;
}
.container.home-section.has-bg-img.bg-repeated-pattern > * {
    z-index: 1;
    position: relative;
}

.container.home-section.has-bg-img.bg-vertical-repeated-pattern {
    background-size: contain!important;
}

.container.home-section.has-bg-img.bg-big-image {
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    min-height: 65vh;
    position: relative;
}

.container.home-section.has-bg-img.bg-big-image > .row {
    position: absolute;
    top: 80%;
    transform: translateY(-80%);
    width: 100%;
    max-width: none; 
}

.container.home-section.has-bg-img.bg-big-image > .row > .col-12 {
    max-width: 1180px;
    margin: 0 auto;
}

.container.home-section.has-bg-img.bg-big-image .btn {
    margin-top: 0;
}

.container.home-section.has-bg-img.bg-big-image:before,
.container.home-section.has-bg-img.bg-vertical-repeated-pattern:before  {
    display: none;
}

.container.home-section.has-bg-img.bg-repeated-pattern {
    background-size: 65em;
    background-repeat: repeat;
}

.home-section .row {
    max-width: 1180px;
    margin: 0 auto;
}

.home-section p {
    font-size: 1.15em;   
}

.home-section h2 {
    font-size: 3em;
}

.home-section .btn.cta1, .home-section .btn.cta2 {
    margin-bottom: 0;
}

/* Lähettiläät */


.lahettilaat-wrap {
    padding: 0;
    margin-top: 2.5em;
}

.lahettilaat-wrap .col-12{
    margin-bottom: 3em;
    padding: 0;
}

.lahettilas-wrap {
    background: #fff;
    padding: 2em;
    border: 7px solid #ffd400;
    margin-bottom: 0;
    height: 100%;
}

.lahettilas-img, .lahettilas-text {
    display: inline-block;
    vertical-align: top;
    max-width: 55%;
}

.lahettilas-img {
    width: 100%;
    height: 0;
    border-radius: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    margin-right: 5%;
    max-width: 40%;
    padding-top: 40%;
    position: relative;
    box-shadow: 3px 3px 25px rgba(0,0,0,.15);
}

.lahettilas-text {
    font-size: 1.1em;
    font-style: italic;
}

.lahettilas-wrap h4 {
    font-size: 2.2em;
    color: #585857;
    font-style: normal;
}

.lahettilaat-wrap .col-12:nth-child(even) .lahettilas-wrap {
    margin-left: 2em;
}

.lahettilaat-wrap .col-12:nth-child(even) .triangle-wrap {
    position: absolute;
    left: -19px;
    bottom: 0;
}

.lahettilaat-wrap .col-12:nth-child(even) .triangle {
    position: relative;
    width: 0;
    border-bottom: solid 75px #ffd400;
    /* border-top: solid 75px transparent; */
    border-left: solid 51px transparent;
}
.lahettilaat-wrap .col-12:nth-child(even) .triangle .empty {
    position: absolute;
    top: -23px;
    left: -39px;
    width: 0;
    border-bottom: solid 56px white;
    border-top: solid 35px transparent;
    border-left: solid 39px transparent;
}

.lahettilaat-wrap .col-12:nth-child(odd) .lahettilas-wrap {
    margin-right: 2em;
}

.lahettilaat-wrap .col-12:nth-child(odd) .triangle-wrap {
    position: absolute;
    right: -19px;
    top: 0;
}

.lahettilaat-wrap .col-12:nth-child(odd) .triangle {
    position: relative;
    width: 0;
    border-top: solid 75px #ffd400;
    /* border-bottom: solid 50px transparent; */
    border-right: solid 50px transparent;
}
.lahettilaat-wrap .col-12:nth-child(odd) .triangle .empty {
    position: absolute;
    top: -68px;
    left: -1px;
    width: 0;
    border-top: solid 57px white;
    /* border-bottom: solid 55px transparent; */
    border-right: solid 38px transparent;
}

/* Doughnuts */

.weblator-chart-container {
    max-width: 100%;
    margin: 0 auto;
    /*position: relative;
    top: 50%;
    transform: translateY(-50%);*/
    margin-top: 1.5em;
}

.home .home-section .row .col-12 .weblator-chart-container canvas {
    /*height: auto !important;
    width: 130%!important;
    max-width: none!important;
    margin-left: -15%;*/
}

.weblator-chart-container ul.weblator-chart-legend.bm > li:before {
    display: none;
}

.weblator-chart-container ul.weblator-chart-legend.bm > li {
    margin-right: 1em;
}

.weblator-chart-container .weblator-chart-legend .weblator-chart-legend-title .weblator-chart-legend-box {
    width: 20px;
    height: 20px;
    margin-right: .75em;
}

.weblator-chart-container ul.weblator-chart-legend li .weblator-label {
    font-weight: 600;
}

/* Hanke map */
#map_canvas {
    width: 830px;
    height: 470px;
    position: relative;
    overflow: hidden;
    border: 7px solid #ffd400;
    max-width: 100%;
    margin-bottom: 0;
    bottom: -3px;
}

.hankekartta .modal + p {
    display: none;
}

.modal.show .modal-dialog {
    max-width: 1100px;
}

.modal-header .close:hover {
    background: transparent;
    opacity: .8;
}

.modal-body {
    padding: 1rem 6rem 2rem;
}

.modal-content {
    background-color: rgba(255,255,255,.95);
    border: none;
    box-shadow: 0 0 25px rgba(0,0,0,.5);
    border-radius: 0;
}

.modal-content .hanke-meta {
    font-size: 1.8em;
    margin-bottom: 1em;
}

.modal-content .hanke-readmore a{
    color: #ffd400;
}


.modal-content .hanke-readmore span {
    font-size: 2.3em;
    margin-right: .5em;
    font-family: 'Oswald', sans-serif;
    font-weight: 500;
}

.modal-content .hanke-readmore * {
    vertical-align: middle;
}

.modal-content .hanke-readmore .fas {
    color: #ffd400;
    font-size: 4.5em;
    text-shadow: 1px 1px 10px rgba(0,0,0,.2);
}

.modal-backdrop.show {
    opacity: 0;
}

.modal-header {
    border-bottom: none;
}

.modal-header .close {
    position: absolute;
    right: .5em;
    color: #ffd400;
    font-size: 3em;
    font-weight: 700;
    opacity: 1;
    text-shadow: 1px 1px 5px rgba(0,0,0,.2);
}

h5.modal-title {
    color: #ffd400;
    font-size: 2.8em;
    margin: 0 auto;
    width: 100%;
    text-align: center;
    font-weight: 500;
}

.modal .hanke-content p {
    font-size: 1.15em;
}

.modal .prev-button {
    position: absolute;
    left: .5em;
    top: 30%;
    font-size: 3em;
    color: #ffd400;
    cursor: pointer;
}

.modal .next-button {
    position: absolute;
    right: .5em;
    top: 30%;
    font-size: 3em;
    color: #ffd400;
    cursor: pointer;
}

.modal .similar-posts-wrap {
    display: none;
}

/* Front page ajankohtaista */

.ajankohtaista-wrap {
    margin-bottom: 4.5em;
    margin-left: 0;
    margin-right: 0;
    padding: 0;
    max-width: none;
}

.ajankohtaista-wrap .row {
    margin-left: -15px;
    margin-right: -15px;
}

.ajankohtaista-item {
    box-shadow: 5px 5px 15px rgba(0,0,0,.2);
    padding: 2em;
    /*margin-bottom: 2em;*/
    background: #fff;
}

.ajankohtaista-wrap .ajankohtaista-item {
    height: 100%;
    /*padding-bottom: 2em;*/
}

.ajankohtaista-wrap .ajankohtaista-blog-wrap {
    padding-bottom: 2em;
}

.ajankohtaista-item img {
    margin-bottom: 1em;
}

.ajankohtaista-item h4 {
    margin-top: .3em;
    font-weight: 400;
    font-size: 2em;
    color: #585857;
}

.ajankohtaista-item .item-meta {
    color: #585857;
    font-size: 1.2em;
}

.ajankohtaista-item .item-excerpt {
    font-size: 1.1em;
    line-height: 1.4;
}

.ajankohtaista-item .item-excerpt .view-article {
    display: none;
}

.ajankohtaista-item .btn {
    background: #ffd400;
    border: none;
    box-shadow: 1px 1px 15px rgba(0,0,0,.2);
    text-transform: none;
    font-size: 1.25em;
    font-weight: 600;
    padding: .5em 1.5em;
    margin-top: 1em;
    text-shadow: 1px 1px 5px rgba(0,0,0,.1);
    /*margin-bottom: 1.5em;
    position: absolute;
    bottom: 0;*/
    transition: all .1s;
}

.ajankohtaista-item .btn:hover {
    color: #000;
    /*font-size: 1.35em;*/
    -ms-transform: scale(1.03, 1.03);
    -webkit-transform: scale(1.03, 1.03);
    transform: scale(1.03, 1.03);
    box-shadow: 3px 3px 30px rgba(0,0,0,.3);
}

.view-all-btn-wrap {
    position: absolute;
    bottom: -5.5em;
    width: 100%;
    margin-left: -15px;
    margin-right: -15px;
}

.view-all-btn-wrap .view-all-btn {
    margin: 0 auto;
    display: block;
    max-width: 350px;
    border: none;
    box-shadow: 1px 1px 10px rgba(0,0,0,.2);
    text-transform: none;
    font-size: 1.1em;
    background: #fff;
    transition: all .1s;
}

.view-all-btn-wrap .view-all-btn:hover,
.view-all-btn-wrap .view-all-btn:focus {
    background: #fff;
    color: #000;
    -ms-transform: scale(1.02, 1.02);
    -webkit-transform: scale(1.02, 1.02);
    transform: scale(1.02, 1.02);
    box-shadow: 3px 3px 30px rgba(0,0,0,.3);
}

.ajankohtaista-bottom {
    margin-top: 8em;
    margin-bottom: 0;
}

.page-header .container .entry-meta {
    margin-top: 0;
    margin-bottom: 1.5em;
}

.page-header .container .entry-meta .date {
    font-size: 1.1em;
    font-weight: 600; 
}

.page-title {
    color: #ffd400;    
}

.entry-content blockquote p{
    color: #ffd400;
    /*font-size: 6em;*/
    font-size: 4em;
    text-align: center;
    line-height: 1.3;
}

.entry-content p {
    font-size: 1.76em;
    margin-bottom: 1.25rem;
}

main ul li {
    line-height: 1.2em;
    margin-bottom: .25em;
    /*text-indent: -.5em;
    text-indent: .5rem;*/
    text-indent: 0;
    list-style-type: none;
    font-size: 1.8em;
    display: flex;
}

ul li:before {
    content: "\f111";
    font-family: "Font Awesome 5 Pro";
    color: #ffd400;
    left: -2em;
    position: relative;
    font-weight: 800;
    font-size: .5em;
    vertical-align: middle;
}

ol {
    list-style: none;
    counter-reset: li;
    font-family: 'Oswald', sans-serif;
}

ol li::before {
    content: counter(li) ".";
    color: #ffd400;
    display: inline-block;
    width: 1em;
    margin-left: -1em;
    font-weight: 500;
    font-size: 1.3em;
    line-height: 1;
}

ol li {
    counter-increment: li;
    font-size: 1.5em;
    margin-bottom: .5em;
}

.entry-content ol {
    margin-left: 3.5em;
}

.entry-content ul {
    margin-left: 2.5em;
    margin-bottom: 1.5em;
}

.entry-content ol li {
    font-size: 2.2em;
    color: #585857;
    margin-left: -.1em;
}

ol li a {
    font-weight: 500;
}
@media (max-width: 543px) {
    .entry-content ul {
        margin-left: unset;
        padding-left: 25px;
    }
}

/* Similar posts */

.similar-post{
    box-shadow: 1px 1px 30px rgba(0,0,0,.2);
    padding: 2em 2em .5em;
    margin: 2%;
}

.similar-posts-heading {
    border-top: 5px solid #ffd400;
    padding-top: .5em;
    margin-top: 1.5em;
    margin-bottom: .5em;
    font-size: 4em;
}

.similar-post img {
    margin-bottom: 1em!important;
    width: 100%!important;
    max-width: 100%!important;
}

.similar-post img + * {
    clear: both;
}

.similar-post img + p {
    display: none;
}

.similar-post-meta {
    font-family: 'Oswald', sans-serif;
    margin-bottom: .5em;
    color: #585857;
    float: left;
    width: 100%;
    font-size: 1.2em;
}

.similar-post h4 {
    font-size: 2em;
    font-weight: 400;
    margin-bottom: .3em;
    color: #585857;
    width: 100%;
    clear: both;
}

.similar-post-excerpt {
    font-size: 1.2em;
    line-height: 1.4;
    margin-bottom: 1em;
    word-break: break-word;
}

.similar-post .btn {
    background: #ffd400;
    border: none;
    font-weight: 600;
    text-transform: none;
    font-size: .7em;
    padding: .6em 1.5em;
    box-shadow: 1px 1px 10px rgba(0,0,0,.2);
    transition: all .1s;
}
.similar-post .btn:hover {
    color: #000;
    -ms-transform: scale(1.03, 1.03);
    -webkit-transform: scale(1.03, 1.03);
    transform: scale(1.03, 1.03);
    box-shadow: 3px 3px 30px rgba(0,0,0,.3);
}

/* Tapahtumat, Blogit, jne */

.single-blogi .entry-content {
    padding-top: .5rem;
}

.single-blogi h1.page-title {
    margin-bottom: .5em;
    margin-top: 0;
}

.single-tapahtuma p#breadcrumbs, .single-post p#breadcrumbs, .single-blogi p#breadcrumbs, .single-post p#breadcrumbs {
    font-size: 2em;
}

.single-tapahtuma p#breadcrumbs a, .single-post p#breadcrumbs a, .single-blogi p#breadcrumbs a {
    font-weight: 700;
}

.single-tapahtuma .page-header .container .entry-meta, .single-post .page-header .container .entry-meta, .single-blogi .page-header .container .entry-meta {
    margin-top: 0.1em;
    margin-bottom: 1.5em;
    text-align: left;
    font-size: 2em;
}

.single-tapahtuma .page-header .container .entry-meta .date, .single-post .page-header .container .entry-meta .date, .single-blogi.page-header .container .entry-meta .date {
    font-weight: 500;
}

.share-wrap, .single-tapahtuma .page-header .container .entry-meta .date, .single-tapahtuma .heateor_sss_sharing_container,
.single-post .page-header .container .entry-meta .date, .single-post .heateor_sss_sharing_container,
.single-blogi .page-header .container .entry-meta .date, .single-blogi .heateor_sss_sharing_container,
.page .page-header .container .share-wrap, .page .page-header .container .heateor_sss_sharing_container{
    vertical-align: middle;
    display: inline-block;
    font-family: 'Oswald', sans-serif;
    font-size: 1.1em;
}

.page .page-header .container .share-wrap{
    float: left;
    font-size: 2.2em;
}

.share-wrap div.heateor_sss_horizontal_sharing li {
    margin: 0 .05em!important;
    min-width: 32px;
}

.share-wrap .heateorSssFacebookBackground, .share-wrap .heateorSssTwitterBackground {
    background-color: #fff;
    box-shadow: 1px 1px 10px rgba(0,0,0,.3);
}

.share-wrap .heateorSssFacebookSvg{
    background:url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22100%25%22%20height%3D%22100%25%22%20viewBox%3D%22-5%20-5%2042%2042%22%3E%3Cpath%20d%3D%22M17.78%2027.5V17.008h3.522l.527-4.09h-4.05v-2.61c0-1.182.33-1.99%202.023-1.99h2.166V4.66c-.375-.05-1.66-.16-3.155-.16-3.123%200-5.26%201.905-5.26%205.405v3.016h-3.53v4.09h3.53V27.5h4.223z%22%20fill%3D%22%23000%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E') no-repeat center center
}

.share-wrap .heateorSssTwitterSvg{
    background:url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22100%25%22%20height%3D%22100%25%22%20viewBox%3D%22-4%20-4%2039%2039%22%3E%0A%3Cpath%20d%3D%22M28%208.557a9.913%209.913%200%200%201-2.828.775%204.93%204.93%200%200%200%202.166-2.725%209.738%209.738%200%200%201-3.13%201.194%204.92%204.92%200%200%200-3.593-1.55%204.924%204.924%200%200%200-4.794%206.049c-4.09-.21-7.72-2.17-10.15-5.15a4.942%204.942%200%200%200-.665%202.477c0%201.71.87%203.214%202.19%204.1a4.968%204.968%200%200%201-2.23-.616v.06c0%202.39%201.7%204.38%203.952%204.83-.414.115-.85.174-1.297.174-.318%200-.626-.03-.928-.086a4.935%204.935%200%200%200%204.6%203.42%209.893%209.893%200%200%201-6.114%202.107c-.398%200-.79-.023-1.175-.068a13.953%2013.953%200%200%200%207.55%202.213c9.056%200%2014.01-7.507%2014.01-14.013%200-.213-.005-.426-.015-.637.96-.695%201.795-1.56%202.455-2.55z%22%20fill%3D%22%23000%22%3E%3C%2Fpath%3E%0A%3C%2Fsvg%3E') no-repeat center center
}

.entry-meta .separator {
    margin: 0 .5em;
}

.single-tapahtuma h1.page-title, .single-post h1.page-title, .single-blogi h1.page-title {
    text-align: left;
}

.single-tapahtuma .similar-posts-heading, .single-post .similar-posts-heading, .single-blogi .similar-posts-heading, .page .similar-posts-heading {
    font-size: 3.7em;
    color: #ffd400;
}

.single-blogi .similar-posts-heading {
    clear: both;    
}

.single-blogi .similar-post-tags + .container > .row {
    width: 100%;
}

.similar-posts-wrap {
    position: relative;
    clear: both;
}

.similar-post-tags {
    position: absolute;
    right: 0;
    top: 3em
}

.similar-post-tag {
    background: #ffd400;
    padding: .2em 1.2em;
    border-radius: 1em;
    font-size: 2em;
    font-weight: 500;
    color: #fff;
    font-family: 'Oswald', sans-serif;
    box-shadow: 1px 1px 10px rgba(0,0,0,.2);
    margin-right: .5em;
    display: inline-block;
}

/* Footer */

.footer {
    background: #585857;
}

.footer * {
    color: #fff;
}

.footer .widgets {
    display: flex;
    flex-wrap: wrap;
    /*border-bottom: 4px solid #ffd400;*/
    padding-bottom: 0;
    /*box-shadow: 0 1px 0 rgba(255,212,0,.5);*/
    padding-top: 2.5em;
}

.footer .widgets  .col-md-4 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
}

.footer .widget {
    padding-top: 5.2em;
    margin-bottom: 0;
}

.footer .widget:first-child, .footer .widget:nth-child(5), .footer .widget:nth-child(6){
    padding-top: 0;
    padding-left: 0;
}

.footer .widget:nth-child(5) {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}

.footer .widget:nth-child(8) {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
}

.footer .widget:nth-child(5), .footer .widget:nth-child(6), .footer .widget:nth-child(7), .footer .widget:nth-child(8) {
    padding-top: 0;
    margin-bottom: 0;
}

.footer .textwidget {
    font-size: 1.15em;
    line-height: 1.2;
}

.footer .widget:first-child .textwidget {
    font-size: 1.15em;
}

.footer .widget .widget-title {
    font-size: 2.05em;
    font-weight: 400;
}

.footer .logo-img {
    max-width: 120px;
    -ms-interpolation-mode: nearest-neighbor;
    image-rendering: crisp-edges;
    height: auto;
}

.footer ul {
    padding-left: 0;
}

.footer ul li {
    text-indent: 0;
    margin-bottom: .3em;
    opacity: .95;
    list-style-type: none;
}

.footer ul li:before {
    display: none;
}

.footer .textwidget a {
    color: #ffd400;
    display: block;
    margin-bottom: 1em;
}

.footer .textwidget li a {
    margin-bottom: 0em;
}

.footer h3 {
    margin-top: 1em;
    font-weight: 400;
    font-size: 1.7em;
}

.footer hr {
    margin-bottom: 1.5em;
}

.footer .textwidget .footer-some-links a {
    display: inline-block;
}

.footer .some-link-bg {
    width: 32px;
    height: 32px;
    border-radius: 999px;
    display: inline-block;
    margin: .25em .5em;
    box-shadow: 3px 3px 16px rgba(0,0,0,.3);
    display: inline-block;
    vertical-align: top;
}

.footer .some-link-bg {
    background: #fff;
    vertical-align: middle;
    text-align: center;
}

/*.footer .footer-custom {
    padding-top: 2em;
    text-align: left;
}*/

.footer .heateorSssFacebookSvg {
    background: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22100%25%22%20height%3D%22100%25%22%20viewBox%3D%22-5%20-5%2042%2042%22%3E%3Cpath%20d%3D%22M17.78%2027.5V17.008h3.522l.527-4.09h-4.05v-2.61c0-1.182.33-1.99%202.023-1.99h2.166V4.66c-.375-.05-1.66-.16-3.155-.16-3.123%200-5.26%201.905-5.26%205.405v3.016h-3.53v4.09h3.53V27.5h4.223z%22%20fill%3D%22%23abacac%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E') no-repeat center center;
}

.footer .heateorSssTwitterSvg {
    background:url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22100%25%22%20height%3D%22100%25%22%20viewBox%3D%22-4%20-4%2039%2039%22%3E%0A%3Cpath%20d%3D%22M28%208.557a9.913%209.913%200%200%201-2.828.775%204.93%204.93%200%200%200%202.166-2.725%209.738%209.738%200%200%201-3.13%201.194%204.92%204.92%200%200%200-3.593-1.55%204.924%204.924%200%200%200-4.794%206.049c-4.09-.21-7.72-2.17-10.15-5.15a4.942%204.942%200%200%200-.665%202.477c0%201.71.87%203.214%202.19%204.1a4.968%204.968%200%200%201-2.23-.616v.06c0%202.39%201.7%204.38%203.952%204.83-.414.115-.85.174-1.297.174-.318%200-.626-.03-.928-.086a4.935%204.935%200%200%200%204.6%203.42%209.893%209.893%200%200%201-6.114%202.107c-.398%200-.79-.023-1.175-.068a13.953%2013.953%200%200%200%207.55%202.213c9.056%200%2014.01-7.507%2014.01-14.013%200-.213-.005-.426-.015-.637.96-.695%201.795-1.56%202.455-2.55z%22%20fill%3D%22%23abacac%22%3E%3C%2Fpath%3E%0A%3C%2Fsvg%3E') no-repeat center center;
}

.footer .heateorSssInstagramSvg {
    background: url('data:image/svg+xml;charset=utf8,%3Csvg%20id%3D%22Layer_1%22%20version%3D%221.1%22%20viewBox%3D%22-10%20-10%20148%20148%22%20xml%3Aspace%3D%22preserve%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%3Cg%3E%3Cg%3E%3Cpath%20d%3D%22M86%2C112H42c-14.336%2C0-26-11.663-26-26V42c0-14.337%2C11.664-26%2C26-26h44c14.337%2C0%2C26%2C11.663%2C26%2C26v44%20%20%20%20C112%2C100.337%2C100.337%2C112%2C86%2C112z%20M42%2C24c-9.925%2C0-18%2C8.074-18%2C18v44c0%2C9.925%2C8.075%2C18%2C18%2C18h44c9.926%2C0%2C18-8.075%2C18-18V42%20%20%20%20c0-9.926-8.074-18-18-18H42z%22%20fill%3D%22%23abacac%22%3E%3C%2Fpath%3E%3C%2Fg%3E%3Cg%3E%3Cpath%20d%3D%22M64%2C88c-13.234%2C0-24-10.767-24-24c0-13.234%2C10.766-24%2C24-24s24%2C10.766%2C24%2C24C88%2C77.233%2C77.234%2C88%2C64%2C88z%20M64%2C48c-8.822%2C0-16%2C7.178-16%2C16s7.178%2C16%2C16%2C16c8.822%2C0%2C16-7.178%2C16-16S72.822%2C48%2C64%2C48z%22%20fill%3D%22%23abacac%22%3E%3C%2Fpath%3E%3C%2Fg%3E%3Cg%3E%3Ccircle%20cx%3D%2289.5%22%20cy%3D%2238.5%22%20fill%3D%22%23abacac%22%20r%3D%225.5%22%3E%3C%2Fcircle%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E') no-repeat center center;
}

.footer-some-links a:hover, .footer-some-links a:focus {
    text-decoration: none;
}

.footer .heateorSssFacebookBackground:hover {
    background-color: #3C589A;
}

.footer .heateorSssTwitterBackground:hover {
    background-color: #55acee;
}

.footer .heateorSssInstagramBackground:hover {
    background-color: #527FA4;
}

.footer .heateorSssFacebookBackground:hover .heateorSssFacebookSvg{
    background: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22100%25%22%20height%3D%22100%25%22%20viewBox%3D%22-5%20-5%2042%2042%22%3E%3Cpath%20d%3D%22M17.78%2027.5V17.008h3.522l.527-4.09h-4.05v-2.61c0-1.182.33-1.99%202.023-1.99h2.166V4.66c-.375-.05-1.66-.16-3.155-.16-3.123%200-5.26%201.905-5.26%205.405v3.016h-3.53v4.09h3.53V27.5h4.223z%22%20fill%3D%22%23fff%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E') no-repeat center center;
}

.footer .heateorSssTwitterBackground:hover .heateorSssTwitterSvg {
    background:url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22100%25%22%20height%3D%22100%25%22%20viewBox%3D%22-4%20-4%2039%2039%22%3E%0A%3Cpath%20d%3D%22M28%208.557a9.913%209.913%200%200%201-2.828.775%204.93%204.93%200%200%200%202.166-2.725%209.738%209.738%200%200%201-3.13%201.194%204.92%204.92%200%200%200-3.593-1.55%204.924%204.924%200%200%200-4.794%206.049c-4.09-.21-7.72-2.17-10.15-5.15a4.942%204.942%200%200%200-.665%202.477c0%201.71.87%203.214%202.19%204.1a4.968%204.968%200%200%201-2.23-.616v.06c0%202.39%201.7%204.38%203.952%204.83-.414.115-.85.174-1.297.174-.318%200-.626-.03-.928-.086a4.935%204.935%200%200%200%204.6%203.42%209.893%209.893%200%200%201-6.114%202.107c-.398%200-.79-.023-1.175-.068a13.953%2013.953%200%200%200%207.55%202.213c9.056%200%2014.01-7.507%2014.01-14.013%200-.213-.005-.426-.015-.637.96-.695%201.795-1.56%202.455-2.55z%22%20fill%3D%22%23fff%22%3E%3C%2Fpath%3E%0A%3C%2Fsvg%3E') no-repeat center center;
}

.footer .heateorSssInstagramBackground:hover .heateorSssInstagramSvg {
    background: url('data:image/svg+xml;charset=utf8,%3Csvg%20id%3D%22Layer_1%22%20version%3D%221.1%22%20viewBox%3D%22-10%20-10%20148%20148%22%20xml%3Aspace%3D%22preserve%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%3Cg%3E%3Cg%3E%3Cpath%20d%3D%22M86%2C112H42c-14.336%2C0-26-11.663-26-26V42c0-14.337%2C11.664-26%2C26-26h44c14.337%2C0%2C26%2C11.663%2C26%2C26v44%20%20%20%20C112%2C100.337%2C100.337%2C112%2C86%2C112z%20M42%2C24c-9.925%2C0-18%2C8.074-18%2C18v44c0%2C9.925%2C8.075%2C18%2C18%2C18h44c9.926%2C0%2C18-8.075%2C18-18V42%20%20%20%20c0-9.926-8.074-18-18-18H42z%22%20fill%3D%22%23fff%22%3E%3C%2Fpath%3E%3C%2Fg%3E%3Cg%3E%3Cpath%20d%3D%22M64%2C88c-13.234%2C0-24-10.767-24-24c0-13.234%2C10.766-24%2C24-24s24%2C10.766%2C24%2C24C88%2C77.233%2C77.234%2C88%2C64%2C88z%20M64%2C48c-8.822%2C0-16%2C7.178-16%2C16s7.178%2C16%2C16%2C16c8.822%2C0%2C16-7.178%2C16-16S72.822%2C48%2C64%2C48z%22%20fill%3D%22%23fff%22%3E%3C%2Fpath%3E%3C%2Fg%3E%3Cg%3E%3Ccircle%20cx%3D%2289.5%22%20cy%3D%2238.5%22%20fill%3D%22%23fff%22%20r%3D%225.5%22%3E%3C%2Fcircle%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E') no-repeat center center;
}

.footer .newsletter-subscribe h3 {
    margin: 0;
    margin-top: .2em;
    font-size: 2em;
}

.footer input {
    color: #000;
    vertical-align: middle;
    font-style: italic;
    border-radius: 2em;
    border: 1px solid grey;
    font-size: 1.4em;
    padding: .75em 1.5em;
    display: inline-block;
    background: #fff;
}

.footer input + i {
    position: absolute;
    top: .5em;
    right: 1.25em;
    color: #ffd400;
    font-size: 2em
}

.footer .widget:nth-child(7) img {
    max-width: 165px;
}

/* nappi shortcode */

.cta1-wrap, .cta2-wrap {

}

.cta1-wrap {
    text-align: center;
}

.cta2-wrap {
    text-align: left;
}

.btn.cta1, .btn.cta2 {
    color: #fff;
    margin-bottom: 2.5rem;
    text-align: center;
    font-family: 'trashhandregular';
    font-size: 4em;
    padding: .4em 1em;
    border: none;
    box-shadow: 1px 1px 25px rgba(0,0,0,.3);
    transition: all .1s;
    max-width: 100%;
    white-space: normal;
    /*margin-top: .5em;*/
    font-weight: 500;
}

.btn.cta1 {
    padding: .2em 1em;
    margin-top: 2.5rem; 
}

.btn.iso {
    font-size: 4em;
    padding: .2em .75em;
    box-shadow: 2px 2px 20px rgba(0,0,0,.3);
}

.btn.cta2 {
    font-family: 'Oswald', sans-serif;
    text-transform: none;
    font-size: 2.8em;
}

.cta1:hover, .cta2:hover,
.cta1:focus, .cta2:focus {
    -ms-transform: scale(1.02, 1.02);
    -webkit-transform: scale(1.02, 1.02);
    transform: scale(1.02, 1.02);
    box-shadow: 3px 3px 30px rgba(0,0,0,.3);
}
.cta1:focus, 
.cta2:focus {
    outline: solid 2px #ffd400;
}

/* Nostopalkki */

.nostopalkki {
    background: #ffd400;
    color: #fff;
    width: 33%;
    float: right;
    padding: 2.5em;
    margin: 1em 0 1em 2%;
    clear: right;
    font-size: .7em;
    line-height: 1.3;
    font-weight: 600;
    box-shadow: 3px 3px 30px rgba(0,0,0,.3);
}

.entry-content .nostopalkki * {
    color: #fff;
}

.nostopalkki + img{
    max-width: 65%;
    margin: 0;
    margin-top: 1em;
    margin-bottom: 1em;
}

.nostopalkki + img.alignleft + p{
    clear: left;
}

/* Palstat shortcode */

.container.palstat {
    margin-bottom: 3em;
    margin-bottom: 0;
    margin-top: 2rem;
}

.container.palstat .row {
    margin-left: -30px;
    margin-right: -30px;
}

.container.palstat img {
    margin-bottom: 0;
}

/* Haitari shortcode */

.accordion-cards-wrap {
    margin-bottom: 2.5em;
}

.card{
    margin-bottom: 1em;
    border: none;
    box-shadow: 1px 1px 10px rgba(0,0,0,.15);
    border-radius: 0
}

.card-header {
    background-color: #efefef;
    border-bottom: none;
    border-radius: 0;
    padding: 0;
    cursor: pointer;
    border-radius: 0!important;
    box-shadow: 0 5px 10px rgba(0,0,0,.1);
}

.card-header * {
    color: #4f4e5b;
}

.card-header h5 {
    padding: .9rem 1.25rem;
    font-size: 2.2em;
    color: #4f4e5b;
    font-weight: 500;
    display: flex;
}

.card-header h5 i {
    margin-right: .5em;
    height: 100%;
}

.card-body {
    padding: 2.5rem 2.5rem 1.25rem;
}

.page-id-21 .card-header {
    background-color: #ffd400;
}

.page-id-21 .card-header * {
    color: #fff;
}

.page-id-21 .card-header h5 {
    color: #fff;
}

/* Yhteystiedot */

.yhteystiedot-accordion .row .col-12 {
    margin-bottom: 2em;
}

.yhteystieto-wrap {
    border: 6px solid #ffd400;
    padding: 1.5em;
    text-align: center;
    height: 100%;
}

.yhteystieto-wrap h3 {
    color: #212529;
    font-size: 2em;
    font-weight: 400;
}

.yhteystieto-img {
    width: 170px;
    height: 170px;
    border-radius: 100%;
    margin: 1em auto;
    background-position: top center;
    background-size: cover;
    background-repeat: no-repeat;
}

.yhteystieto-wrap .phone, 
.yhteystieto-wrap .email{
    color: #004877;
    font-weight: 700;
    margin-bottom: .2em;
    line-height: 1.3;
    font-size: 1.1em;
    display: block; 
}

.yhteystieto-wrap .description{
    font-size: 1.2em;
    line-height: 1.3;
    font-weight: 500;
    margin-top: 1em;
}

/* Sidebar */

.author-card, .blog-authors-list, .latest-blogs-wrap  {
    background: rgb(255,212,0); 
    padding: 1em 1.5em .5em;
}

.author-card * {
    color: #fff; 
    position: relative;
}

.author-card, .latest-blogs-wrap, .blog-authors-list, .blog-yearly-archive-links  {
    color: #fff; 
 	background: rgb(255,212,0); 
    margin-bottom: 1em;
    position: relative;
}

.author-card a, .latest-blogs-wrap a, .blog-authors-list a {
    text-decoration: none;
}

.author-card h4 {
    text-shadow: none;
    text-align: center;
    font-size: 2.5em;
    color: #fff; 
}

.blog-author-img {
    width: 150px;
    margin: 0 auto;
    margin-bottom: 1em;
}

.blog-author-img img {
    border-radius: 100%;
    margin: 0 auto;
}

.author-description {
    text-align: center;
    font-size: 1.2em;
    line-height: 1.3em;
    margin-bottom: 1em;
    text-shadow: none;
    font-weight: 700;
}

.latest-blogs-wrap {
    background: #8d8d90;
}

.blog-authors-list, .blog-yearly-archive-links {
    background: #c5c5c7;
}

.blog-yearly-archive-links {
    padding-bottom: 1em;
}

.blog-authors-list h4, .latest-blogs-wrap h4, .blog-yearly-archive-links h4 {
    text-shadow: none;
    text-align: center;
    font-size: 2em;
    color: #fff;
}

.blog-authors-list a, .latest-blogs-wrap a, .blog-yearly-archive-links a {
    color: #333333;
}

.all-blogs-by-author-link:hover, .blog-authors-list a:hover, .latest-blogs-wrap a:hover, .blog-yearly-archive-links a:hover {
    text-decoration: none;
}

.all-blogs-by-author-link, .blog-authors-list .author-list-item, .latest-blogs-wrap .latest-blogs-item, .blog-yearly-archive-links .blog-yearly-archive-link-item {
    font-size: 1.1em;
    background: #fff;
    padding: .3em 2em .3em .5em;
    position: relative;
    box-shadow: 3px 3px 16px rgba(0,0,0,.3);
    margin-bottom: .5em;
    -moz-transition: all .1s;
    -webkit-transition: all .1s;
    transition: all .1s;
    display: block;
    font-weight: 500;
}

.blog-authors-list a.hidden, .blog-authors-list a.hidden * {
    opacity: 0;
    height: 0;
    padding: 0;
    margin: 0;
    z-index: -1;
}

.blog-yearly-archive-links .blog-yearly-archive-link-item {
    padding: 0;
}

.blog-yearly-archive-links .blog-yearly-archive-link-item a {
    display: block;
    padding: .3em .5em;
    text-decoration: none;
}

.blog-authors-list .author-list-item .fa, .latest-blogs-wrap .latest-blogs-item .fa, .blog-yearly-archive-links .blog-yearly-archive-link-item .fa {
    position: absolute;
    right: .5em;
    top: 50%;
    transform: translateY(-50%);
    font-size: 1.5em;
    font-weight: 600;
}

.blog-yearly-archive-links .blog-yearly-archive-link-item .fa {
    color: #333333;
}

.latest-blogs-wrap .latest-blogs-item .fa {
    right: .25em;
    font-size: 2.5em;
}

#blog-authors-show-more, #all-blogs-link, .all-blogs-by-author-link {
    text-align: center;
    color: #333333;
    cursor: pointer;
}

#all-blogs-link {
    color: #fff;
    display: block;
    margin-top: 1em;
    font-size: 1.2em;
    font-weight: 500;
}

.all-blogs-by-author-link {
    color: #333333;
    background: #fff;
    padding: .3em .5em;
    position: relative;
    box-shadow: 3px 3px 16px rgba(0,0,0,.3);
    font-size: 1.1em;
    padding-right: 1.5em;
    text-align: left;
    margin-bottom: 1em;
    font-weight: 500;
}

#blog-authors-show-more .fa, #all-blogs-link .fa, .all-blogs-by-author-link .fa {
    margin-left: .25em;
    font-size: 1.2em;
    vertical-align: text-bottom;
}

.all-blogs-by-author-link .fa {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    color: #333333;
    right: .5em;
    font-size: 1.5em;
}

.all-blogs-by-author-link:hover, .blog-authors-list .author-list-item:hover, .latest-blogs-wrap .latest-blogs-item:hover, .blog-yearly-archive-links .blog-yearly-archive-link-item:hover {
    -ms-transform: scale(1.03, 1.03);
    -webkit-transform: scale(1.03, 1.03);
    transform: scale(1.03, 1.03);
    box-shadow: 3px 6px 20px rgba(0,0,0,.3);
}

/* misc shortcodes */
.textbox {
    padding: 1em;
    color: #fff;
    background: #ffd400;
    box-shadow: 5px 5px 30px rgba(0,0,0,.2);
    font-family: "Oswald", sans-serif;
    font-size: 2.8em;
    text-align: center;
    line-height: 1.4;
    text-transform: uppercase;
    font-weight: 600;
    margin: 0 0 .5em 0;
}

.textbox a {
    color: #fff;
}

.textbox i {
    width: 100%;
    font-size: 1.5em;
}

.grey-box {
    background: #585857;
    color: #fff;
    text-align: center;
    padding: 1.5em .5em;
    margin: 0;
    height: 100%;
}

.grey-box h3 {
    color: #fff;
    font-size: .8em;
    text-transform: none;
    font-weight: 500;
}

.grey-box p {
    font-size: .5em;
    text-transform: none;
    font-family: 'Open Sans', Arial, sans-serif;
}

.grey-box i {
    font-size: 3em;
}

.bigtext {
    text-align: center;
    font-size: 8em;
    font-weight: bold;
    text-shadow: 1px 1px 15px rgba(0,0,0,.2);
    line-height: 1;
}

.subtext {
    text-align: center;
    font-size: 2em;
    font-weight: 600!important;
    text-shadow: 1px 1px 15px rgba(0,0,0,.2);
    line-height: 1.2;
    margin: .5em .5em .5em .5em;
    font-family: 'Open Sans', Arial, sans-serif!important;
}


/* Archives / search */
/* Archives etc. */

.blog .container .primary, .search .container .primary, .archive .container .primary  {
    margin-left: 0;
    margin-right: 0;
    width: 100%;
}

.blog .container .primary > .container, .search .container .primary > .container, .archive .container .primary > .container {
    margin-left: 0;
    margin-right: 0;
    padding-right: 0;
    padding-left: 0;   
}

.blog .container .primary .row > .col-12, .search .container .primary .row > .col-12, .archive .container .primary .row > .col-12 {
    padding-left: 15px;
    padding-right: 15px;
}

.search .page-header h1 {
    text-align: center;
    font-size: 5.5em;
    margin-top: .5em;
    font-weight: 500;
    letter-spacing: -0.05em;
    color: #ffd400;
}

.post-type-archive .hentry, .blog .hentry, .search .hentry, .archive.author .hentry {
    /* margin: 2rem 0; */
    max-width: 100%;
    height: 90%;
    box-shadow: 5px 5px 15px rgba(0,0,0,.2);
    padding: 2em;
    /* margin-bottom: 2em; */
    background: #fff;
    /* display: inline-block; */
    /* margin: 2%; */
    /* vertical-align: top;*/
}

.blog .post-thumbnail, .archive .post-thumbnail, .search .post-thumbnail {
    float: left;
    margin-right: 0;
}

.blog .entry-header, .archive .entry-header, .search .entry-header {
    clear: left;
}

.blog .entry-title a, .archive .entry-title a, .search .entry-title a {
    font-weight: 400;
    color: #585857;
}

.blog .entry-title a:hover, .archive .entry-title a:hover, .search .entry-title a:hover {
    text-decoration: none;
}

.blog .entry-meta, .archive .entry-meta, .search .entry-meta {
    margin-top: .5em;
    float: left;
    width: 100%;
}

.blog .hentry .entry-meta, .archive .hentry .entry-meta, .search .hentry .entry-meta {
    color: #585857;
    font-size: .9rem;
    margin-bottom: .3em;
}

.blog .btn, .archive .btn, .search .btn {
    background: #ffd400;
    border: none;
    font-weight: 600;
    text-transform: none;
    font-size: 1.2em;
    padding: .682em 1.682em;
    box-shadow: 1px 1px 10px rgba(0,0,0,.2);
    transition: all .1s;
}

.blog .btn:hover, .archive .btn:hover, .search .btn:hover {
    color: #000;
    -ms-transform: scale(1.03, 1.03);
    -webkit-transform: scale(1.03, 1.03);
    transform: scale(1.03, 1.03);
    box-shadow: 3px 3px 30px rgba(0,0,0,.3);
}

.archive .post-thumbnail img, .blog .post-thumbnail img, .search .post-thumbnail img {
    width: 100%;
    margin-bottom: 1em;
}

.archive article p, .blog article p {
    font-size: 1.2em;
}

/* Lahjoitus */

#vfbp-form-3 .vfb-control-label, #vfbp-form-4 .vfb-control-label {
    display: none;
}

#vfbp-form-3 .vfb-has-error .vfb-control-label, #vfbp-form-4 .vfb-has-error .vfb-control-label {
    display: inline-block;
}


#vfbField45 {
    margin-bottom: 1em;
}

#vfbField45 .vfb-inline-group label {
    background: #7f7e82;
    color: #fff;
    padding: 1em 3em;
    font-size: 2em;
}

#vfbField45 .vfb-inline-group label.checked{
    background: #004877;
}

#vfbField45 .vfb-inline-group .vfb-radio {
    width: 25%;
    margin: 0;
}

#vfbField45 input.lahjoitussumma  {
    display: none;
}

#vfbField45 .vfb-inline-group .vfb-radio:last-child label {
    padding: 1em 0;
}

#vfbField45 .vfb-inline-group .vfb-radio:last-child input {
    background: transparent;
    border: none;
    color: #fff;
    box-shadow: none;
    font-size: 1em;
    height: 1.42857143em;
    text-align: center;
}

#vfbField45 .vfb-inline-group .vfb-radio:last-child input::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #fff;
    opacity: 1; /* Firefox */
}

#vfbField45 .vfb-inline-group .vfb-radio:last-child input:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #fff;
}

#vfbField45 .vfb-inline-group .vfb-radio:last-child input::-ms-input-placeholder { /* Microsoft Edge */
    color: #fff;
}

#vfbp-form-3.vfbp-form .vfb-form-group > div > input[type="text"].vfb-form-control,
#vfbp-form-3.vfbp-form .vfb-form-group > div > input[type="email"].vfb-form-control,
#vfbp-form-3.vfbp-form .vfb-form-group > div > input[type="tel"].vfb-form-control,
#vfbp-form-4.vfbp-form .vfb-form-group > div > input[type="text"].vfb-form-control,
#vfbp-form-4.vfbp-form .vfb-form-group > div > input[type="email"].vfb-form-control,
#vfbp-form-4.vfbp-form .vfb-form-group > div > input[type="tel"].vfb-form-control{
    border: none;
    background: #ececec;
    border-radius: 0;
    box-shadow: none;
    font-size: 1.8em;
    padding: 1.5em 1em;
    margin: .2em 0;  
}

#vfbField51 .vfb-control-label, #vfbField51 .vfb-control-label + div,
#vfbField52 .vfb-control-label, #vfbField52 .vfb-control-label + div {
    display: inline-block;
    vertical-align: middle;
    margin-bottom: 1em;
}

#vfbField51 .vfb-control-label,
#vfbField52 .vfb-control-label {
    margin-right: 2em;
    font-family: 'Oswald', sans-serif;
    font-size: 2.25em;
    color: #585857;
    font-weight: 500;
    width: 5.1em;
    vertical-align: top;
}

#vfbField51 .vfb-radio label,
#vfbField52 .vfb-radio label,
#vfbField53 .vfb-checkbox label,
#vfbField61 .vfb-checkbox label,
#vfbField72 .vfb-checkbox label,
#vfbField73 .vfb-checkbox label{
    padding-left: 2em;
    vertical-align: middle;
    font-size: 1.8em;
    color: #585857;
}

#vfbField53 .vfb-checkbox label,
#vfbField61 .vfb-checkbox label,
#vfbField72 .vfb-checkbox label,
#vfbField73 .vfb-checkbox label{
    margin-bottom: .5em;
}

#vfbField51 .vfb-radio label:before,
#vfbField52 .vfb-radio label:before,
#vfbField53 .vfb-checkbox label:before,
#vfbField61 .vfb-checkbox label:before,
#vfbField72 .vfb-checkbox label:before,
#vfbField73 .vfb-checkbox label:before {
    content: "";
    position: absolute;
    top: .1em;
    left: 0;
    height: 1.25em;
    width: 1.25em;
    background-color: transparent;
    border-radius: 100%;
    border: 3px solid #555;
}

#vfbField51 .vfb-radio label input,
#vfbField52 .vfb-radio label input,
#vfbField53 .vfb-checkbox label input,
#vfbField61 .vfb-checkbox label input,
#vfbField72 .vfb-checkbox label input,
#vfbField73 .vfb-checkbox label input  {
    /*display: none;*/
    opacity: 0;
    visibility: hidden;
}

#vfbField51 .vfb-radio label.checked:before,
#vfbField52 .vfb-radio label.checked:before,
#vfbField53 .vfb-checkbox label.checked:before,
#vfbField61 .vfb-checkbox label.checked:before,
#vfbField72 .vfb-checkbox label.checked:before,
#vfbField73 .vfb-checkbox label.checked:before  {
    background-color: transparent;
    border-color: #ffd400;
}

#vfbField51 .vfb-radio label:after,
#vfbField52 .vfb-radio label:after,
#vfbField53 .vfb-checkbox label:after,
#vfbField61 .vfb-checkbox label:after,
#vfbField72 .vfb-checkbox label:after,
#vfbField73 .vfb-checkbox label:after{
    content: "";
    position: absolute;
    display: none;
    top: .35em;
    left: .252em;
    width: .75em;
    height: .75em;
    border-radius: 50%;
    background: #ffd400;
}

#vfbField51 .vfb-radio label.checked:after,
#vfbField52 .vfb-radio label.checked:after,
#vfbField53 .vfb-checkbox label.checked:after,
#vfbField61 .vfb-checkbox label.checked:after,
#vfbField72 .vfb-checkbox label.checked:after,
#vfbField73 .vfb-checkbox label.checked:after {
    display: block;
}

#vfbp-form-3 .vfb-fieldType-submit button,
#vfbp-form-4 .vfb-fieldType-submit button {
    background: #ffd400;
    border: none;
    font-weight: 500;
    text-transform: none;
    font-size: 2em;
    padding: .6em 1.5em;
    box-shadow: 1px 1px 10px rgba(0,0,0,.2);
    transition: all .1s;
    font-family: 'Oswald', sans-serif;
    border-radius: 0;
    margin-top: .5em;
}

.kiitos-kuukausilahjoittaja .entry-content > p, .kiitos-kertalahjoittaja .entry-content > p {
    margin-bottom: .5em;
}

.kiitos-kuukausilahjoittaja .entry-content > p > strong, .kiitos-kertalahjoittaja .entry-content > p > strong{
    font-size: 1.2em;
    margin-bottom: .5em;
    display: inline-block;
}

.vfbp-form .vfb-help-block {
    vertical-align: middle;
    font-size: 1.8em;
    color: #585857;
}

#accordion-maksuohjeet .card{
    background: #efefef;
    box-shadow: none;
}

#accordion-maksuohjeet .card-header {
    box-shadow: none;
}

#accordion-maksuohjeet .card-header h5 {
    font-family: 'Open Sans', Arial, sans-serif;
}

#accordion-maksuohjeet ol {
    list-style: decimal;
}

#accordion-maksuohjeet ol li::before {
    display: none;
}

.entry-content #accordion-maksuohjeet ol li {
    font-size: 1.6em;
    color: #585857;
    font-family: 'Open Sans', Arial, sans-serif;
    margin-bottom: 0;
}

/*
// MOBILE FIRST
*/
/* Small devices (landscape phones, 544px and up) */
@media (min-width: 544px) {}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
    .similar-posts-wrap .row {
        /*margin-right: -3em;
        margin-left: -2.5em;*/
    }

    .similar-post{
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        margin: 0 2% 2em;
    }

    .sidebar {
        width: 310px;
        margin-top: -10em;
        margin-left: 1em;
    }

    .single-blogi .sidebar {
        margin-top: 0;
    }

    h1 br, h2 br, h3 br, h4 br, h5 br {
        display: none;
    }
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
    .similar-post-tags + .container > .row {
        margin-left: -3%;
        width: 106%!important;
    }
    .similar-post{
        -ms-flex: 0 0 29.333333%;
        flex: 0 0 29.333333%;
        max-width: 29.333333%;
    }
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {

    #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-megamenu > ul.mega-sub-menu {
        width: 110%;
    }

    #mega-menu-wrap-header-menu #mega-menu-header-menu li.mega-menu-item-has-children > a.mega-menu-link:after {
        display: none;
    }

    #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item.no-icon {
        margin: 1em auto;
        margin-left: 25%;
        width: 25%;
    }

    #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item.no-icon + .no-icon {
        margin-left: 0;
    }

    #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item.no-icon a {
        padding: 0;
    }

    #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item.no-icon a:before {
        display: none;
    }

    #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item.no-icon > a.mega-menu-link:after {
        content: "\f054";
        color: #ffd400;
        height: 1em;
        width: 1em;
        display: inline-block;
        font-family: "Font Awesome 5 Pro";
        font-weight: 600;
        font-size: 1.3em;
        vertical-align: text-top;
        margin-left: .1em;
    }

    #mega-menu-wrap-header-menu #mega-menu-header-menu[data-effect="fade_up"] li.mega-menu-item.mega-menu-flyout ul.mega-sub-menu a {
        display: inline-block;
    }

    #mega-menu-wrap-header-menu #mega-menu-header-menu[data-effect="fade_up"] li.mega-menu-item.mega-menu-flyout ul.mega-sub-menu a:hover {
        background: transparent;
        color: #ffd400;
        font-weight: 600;
        text-decoration: none;
    }

    #mega-menu-wrap-header-menu #mega-menu-header-menu[data-effect="fade_up"] li.mega-menu-item.mega-menu-flyout ul.mega-sub-menu a.subpages-icon {
        padding-left: 0;
    }

    .page_item a i {
        display: none;
    }

    .page_item_has_children > a i, .subpages-icon i {
        margin-left: .5em;
        display: inline-block;
        color: #ffd400;
        font-size: 2em;
        vertical-align: middle;
        line-height: 0;
    }

    .page_item_has_children .children {
        opacity: 0;
        height: 0;
        z-index: -1;
    }
    .page_item_has_children .children.open, .page_item_has_children .children:hover {
        opacity: 1;
        height: auto;
    }
    #mega-menu-wrap-header-menu #mega-menu-header-menu[data-effect="fade_up"] li.mega-menu-item.mega-menu-flyout ul.mega-sub-menu .page_item_has_children .subpages-icon {
        display: inline-block;
        padding-left: 0;
    }

    #mega-menu-wrap-header-menu #mega-menu-header-menu[data-effect="fade_up"] li.mega-menu-item.mega-menu-flyout ul.mega-sub-menu .page_item_has_children .subpages-icon:hover {
        background: transparent;
    }

    #mega-menu-wrap-header-menu #mega-menu-header-menu[data-effect="fade_up"] li.mega-menu-item.mega-menu-flyout ul.mega-sub-menu .children a,
    #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item .mega-sub-menu.open .mega-menu-item a.mega-menu-link {
        font-size: 1.1em;
        padding-left: 2em;
    }

    #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item .mega-sub-menu.open .mega-menu-item a.mega-menu-link {
        font-size: 1.1em;
        padding-left: 3em;
    }

    #mega-menu-wrap-header-menu #mega-menu-header-menu[data-effect="fade_up"] li.mega-menu-item.mega-menu-flyout ul.mega-sub-menu .children .children a {
        font-size: 1em;
        padding-left: 3em;
        font-weight: 400;
    }

    #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item .mega-sub-menu.open .mega-menu-item .mega-sub-menu.open a.mega-menu-link{
        font-size: 1em;
        padding-left: 5em;
        font-weight: 400;
    }

    #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item.no-icon > a.mega-menu-link:hover {
        box-shadow: none;
        color: #ffd400;
        font-weight: 600;
    }

    #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link, #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-item.mega-current-menu-ancestor > a.mega-menu-link, #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-item.mega-current-page-ancestor > a.mega-menu-link {
        background: #fff;
        color: #ffd400;
        text-shadow: none;
        font-weight: 600;
    }

    #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link,
    #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item:last-child > a.mega-menu-link, #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link {
        padding-left: 1em;
    }

    #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item ul.mega-sub-menu {
        position: static;
        box-shadow: none;
        height: 0;
        padding: 0;
        overflow: hidden;
        opacity: 0;
    }

    #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item ul.mega-sub-menu.open {
        height: auto;
        opacity: 1;
        visibility: visible;;
    }

    #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item:first-child > a.mega-menu-link {
        display: inline-block;
    }

    #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item:first-child > a.mega-menu-link:hover {
        background: transparent;
        color: #ffd400;
        font-weight: 600;
    }
}


/*
// DESKTOP FIRST
*/

@media (max-width: 1280px){

    #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-item > a.mega-menu-link, #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link {
        font-size: 2.1em;
        /*padding: 1.25em .2em;*/
    }

    .home-section .row {
        margin-left: 0;
        margin-right: 0;
    }
}
/* Large devices (desktops, less than 1200px) */
@media (max-width: 1199px) {

    .site-header {
        padding: 0;
    }

    #nav-wrapper {
        width: 600px;
        max-width: 100%;
        right: 0;
        position: absolute;
        z-index: 99;
        top: 63px;
        background: #fff;
        /*height: auto!important;*/
    }

    .navbar-collapse.collapsing {
        /*height: 250px!important;*/
    }

    #mega-menu-wrap-header-menu #mega-menu-header-menu {
        padding: 0 7px 10px;
    }

    #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-item {
        display: block;
        background: #ffd400;
        background: transparent;
        margin: 0;
    }

    #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-item > a.mega-menu-link {
        text-align: right;
        color: #585857;
        text-shadow: none;
        font-size: 2.5em;
        font-family: 'Open Sans', Arial, sans-serif;
        padding: .5em 1em;
        font-weight: 600;
    }

    #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-item.mega-toggle-on > a.mega-menu-link, #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-item > a.mega-menu-link:hover, #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-item > a.mega-menu-link:focus {
        background: #fcaf17;
        color: #585857;
    }

    #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-item > a.mega-menu-link, #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link {
        color: #585857;
        font-size: 1.4em;
        font-weight: 600;
        text-shadow: none;
        font-family: 'Open Sans', Arial, sans-serif;
        background: transparent;
        background: #ffd400;
        padding: .2em 40px;
        border-top: 3px solid #fff;
    }

    #mega-menu-wrap-header-menu #mega-menu-header-menu li.mega-menu-item-has-children > a.mega-menu-link {
        padding: .2em 15px;
    }

    #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-megamenu > ul.mega-sub-menu {
        margin-left: 0;
    }

    #mega-menu-wrap-header-menu #mega-menu-header-menu[data-effect="fade_up"].mega-no-js li.mega-menu-item:hover > ul.mega-sub-menu, #mega-menu-wrap-header-menu #mega-menu-header-menu[data-effect="fade_up"].mega-no-js li.mega-menu-item:focus > ul.mega-sub-menu, #mega-menu-wrap-header-menu #mega-menu-header-menu[data-effect="fade_up"] li.mega-menu-item.mega-toggle-on > ul.mega-sub-menu, #mega-menu-wrap-header-menu #mega-menu-header-menu[data-effect="fade_up"] li.mega-menu-item.mega-menu-megamenu.mega-toggle-on ul.mega-sub-menu {
        position: static;
        padding-right: 0!important;
        padding-bottom: 0!important;
        padding-top: 0!important;
        padding-left: 0!important;
        box-shadow: none;
        margin-top: 0!important;
    }

    #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item, #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item {
        width: 100%;
    }

    #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item {
        padding: 0;
        background: #d7d7d7;
        margin: 0;
        margin-bottom: 0;
        float: none;
    }

    #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-megamenu > ul.mega-sub-menu ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link{
        background: #eeefef;
        padding: .2em 40px;
        text-shadow: none;
        text-align: right;
        font-size: 1.3em;
        font-weight: 600;
        border-top: 3px solid #fff;
    }

    #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-megamenu > ul.mega-sub-menu ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link:hover {
        font-weight: 600;
    }

    #mega-menu-wrap-header-menu #mega-menu-header-menu li.mega-menu-item.mega-icon-top > a.mega-menu-link:before {
        display: none;
    }

    #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link {
        text-align: right;
        font-size: 1.3em;
        padding: .6em 40px;
        line-height: initial;
        border-top: 3px solid #fff;
        font-weight: 600;
    }

    #mega-menu-wrap-header-menu #mega-menu-header-menu li.mega-menu-item-has-children > a.mega-menu-link:after {
        content: "\f107"!important;
        font-family: "Font Awesome 5 Pro";
        width: 1em;
        height: 1em;
        float: none;
        vertical-align: unset;
    }

    #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link:hover {
        box-shadow: none;
        font-weight: 600;
    }

    #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-item.mega-toggle-on > a.mega-menu-link, #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-item > a.mega-menu-link:hover, #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-item > a.mega-menu-link:focus {
        font-weight: 600;
        background: #fcaf17;
    }

    #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link:hover span {
        color: #585857;
    }

    #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-megamenu > ul.mega-sub-menu {
        box-shadow: none;
        padding: .1em 0 0 0!important;
    }

    #mega-menu-wrap-header-menu #mega-menu-header-menu[data-effect="fade_up"].mega-no-js li.mega-menu-item:hover > ul.mega-sub-menu {
        display: none;
    }

    #mega-menu-wrap-header-menu #mega-menu-header-menu[data-effect="fade_up"].mega-no-js li.mega-menu-item > ul.mega-sub-menu.open {
        display: block;
        visibility: visible;
        opacity: 1;
        position: static;
        padding: 0 0 0 0!important;
        margin-top: 0!important;
    }

    #mega-menu-wrap-header-menu #mega-menu-header-menu[data-effect="fade_up"].mega-no-js li.mega-menu-item > ul.mega-sub-menu.open ul.mega-sub-menu {
        display: block;
    }

    #mega-menu-wrap-header-menu #mega-menu-header-menu li.mega-menu-item ul.mega-sub-menu a.mega-menu-link:before {
        display: none;
    }

    #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link, #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-item.mega-current-menu-ancestor > a.mega-menu-link, #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-item.mega-current-page-ancestor > a.mega-menu-link {
        background: #fcaf17;
        color: #585857;
        font-weight: 600;
        padding-right: 15px;
    }

    #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link:hover {
        color: #585857;
        background: #b7b7b7;
    }

    #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-item .mega-sub-menu.open{
        opacity: 1!important;
        visibility: visible;
        display: block;
        position: static;
        margin-top: 0!important;
        padding: 0!important;
    }

    #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-item .mega-sub-menu li{
        padding: 0;
        background: #d7d7d7;
        margin: 0;
        margin-bottom: 0;
        float: none;
    }

    #mega-menu-wrap-header-menu #mega-menu-header-menu[data-effect="fade_up"] li.mega-menu-item.mega-menu-flyout ul.mega-sub-menu a:hover,
    #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link:hover {
        box-shadow: 0 0 10px rgba(0,0,0,.3)!important;
        color: #ffd400!important;
        background: #b7b7b7!important;
        box-shadow: none!important;
        font-weight: 600!important;
        text-decoration: none;
    }

    #mega-menu-wrap-header-menu #mega-menu-header-menu[data-effect="fade_up"] li.mega-menu-item.mega-menu-flyout ul.mega-sub-menu a,
    #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link{
        text-align: right;
        font-size: 1.3em!important;
        padding: .6em 40px!important;
        line-height: initial!important;
        border-top: 3px solid #fff;
        font-weight: 600!important;
    }

    #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item ul.mega-sub-menu {
        position: static;
        opacity: 1;
        visibility: visible;
        box-shadow: none;
        padding-top: 0;
        padding-bottom: 0;
    }

    #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-flyout ul.mega-sub-menu  ul.mega-sub-menu li.mega-menu-item a.mega-menu-link {
        background: #f1f1f1!important;
    }

    #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-flyout ul.mega-sub-menu  li.mega-menu-item.mega-menu-item-has-children > a.mega-menu-link {
        padding-right: 15px!important;
    }

    #mega-menu-wrap-header-menu #mega-menu-header-menu[data-effect="fade_up"] li.mega-menu-item.mega-menu-flyout ul.mega-sub-menu .subpages-icon{
        display: none;
    }

    .page_item_has_children ul.children {
        padding-left: 0;
    }

    .page_item_has_children ul.children a{
        background: #f1f1f1!important;
    }

    #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-item:last-child {
        z-index: 9999999;
    }

    .nav-extras .extra-nav.open {
        top: 4.3em;
        right: -1em;
    }

    .hankekartta .col-md-4{
        font-size: .8em;
    }

    .yhteystiedot-accordion .col-md-3 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.33334%;
        flex: 0 0 33.33334%;
        max-width: 33.33334%;
    }

    .modal.show .modal-dialog {
        max-width: 90%;
        margin: 0 auto;
    }

    .single-blogi h1.page-title {
        font-size:  5em;
    }
}

/* Medium devices (tablets, less than 992px) */
@media (max-width: 991px) {
    .container.home-section {
        padding: 3em 15px;
    }

    .home-section .row{
        margin-left: auto;
        margin-right: auto;
    }

    .container.home-section > .row > .col-12, .container.home-section .ajankohtaista-wrap {
        padding: 0;
    }

    .ajankohtaista-wrap {
        margin-left: 0;
        margin-right: 0;
    }

    .ajankohtaista-wrap .col-12 {
        padding-left: 0;
        padding-right: 0;
    }

    .ajankohtaista-bottom > .row {
        display: block;
    }

    .ajankohtaista-bottom > .row > .col-12 {
        width: 100%;
        display: block;
        max-width: 100%;
        padding-left: 0;
        padding-right: 0;
    }

    .ajankohtaista-bottom .ajankohtaista-item {
        margin-bottom: 1.5em;
    }

    .ajankohtaista-wrap .row div:first-child .ajankohtaista-item {
        margin-right: 15px;
    }

    .ajankohtaista-wrap .row div:last-child .ajankohtaista-item {
        margin-left: 15px;
    }

    .ajankohtaista-bottom .ajankohtaista-item img {
        margin-right: 1.5em;
        max-width: 33.33%;
        float: left;
    }

    .slide-inner h2 {
        font-size: 7em;
    }

    .slide-inner p {
        font-size: 2em;
    }

    .footer .widgets {
        display: block;
    }

    .footer .widgets .col-md-4 {
        padding-top: 0;
        padding-left: 0;
        max-width: 50%;
        display: inline-block;
        vertical-align: top;
        margin-bottom: 2em;
    }

    .footer .widgets .col-md-4.widget:nth-child(5), .footer .widgets .col-md-4.widget:nth-child(8) {
        max-width: 100%;
        margin-bottom: 0;
    }

    .footer .newsletter-subscribe h3 {
        margin-bottom: .5em;
    }

    .entry-content blockquote p {
        font-size: 4em;
        line-height: 1.3;
    }

    .nostopalkki {
        width: 100%;
        float: none;
        margin: 0;
        clear: both;
        margin-bottom: 3em;
    }

    .entry-content p {
        font-size: 1.4em;
    }

    .entry-content .nostopalkki p {
        font-size: 1.7em;
    }

    .col-md-8 {
        max-width: 100%;
        width: 100%;
        display: block;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;;
    }

    .hankekartta .col-md-4{
        max-width: 100%;
        width: 100%;
        display: block;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
    }

    #map_canvas {
        bottom: 0;
        margin-bottom: 2em;
    }

    .yhteystiedot-accordion .col-md-3 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }

    .btn.cta1, .btn.cta2 {
        font-size: 3.5em;
    }

    .cta1:focus {
        outline: 2px solid 
    }

    .modal-body {
        padding: 1rem 2rem 2rem;
    }

    .bigtext {
        font-size: 6em;
    }

    .subtext {
        font-size: 2em!important;
    }

    .textbox {
        padding: 1em .5em;
        font-size: 3em;
    }

    .similar-posts-wrap .row {
        margin-right: auto;
        margin-left: auto;
    }

    .similar-post-tags + .container {
        padding: 0;
    }

    .similar-post-tags + .container > .row {
        margin-left: 0;
        width: 100%!important;
    }

    .similar-post {
        margin: 1em 0;
    }

    .similar-post-tags {
        position: static;
        margin-bottom: 1em;
    }

    .similar-post-tag {
        margin-bottom: .5em
    }

    .sidebar {
        margin-top: 0;
    }

    main ul li {
        margin-bottom: .5em;
        font-size: 1.4em;
    }

    .card-body {
        padding: 1.5rem;
    }

    #vfbField45 .vfb-inline-group .vfb-radio {
        width: 50%;
        text-align: center;
        margin-bottom: 1em;
    }

    #vfbField45 .vfb-inline-group label {
        padding: 1em 2em;
        width: 90%;
    }

    .entry-content figure {
        width: 100%;
    }

    .container.home-section.has-bg-img.bg-big-image {
        min-height: 55vh;
    }
}

@media (max-width: 990px) and (min-width: 768px) {

    .lahettilas-wrap {
        text-align: center;
    }
    .lahettilas-img, .lahettilas-text {
        max-width: 100%;
    }

    .lahettilas-img {
        padding-top: 150px;
        max-width: 150px;
    }

    .lahettilas-wrap h4 {
        text-align: center;
        margin-top: .5em;
    }

    .blog .container .primary .row article .entry-title, .search .container .primary .row article .entry-title, .archive .container .primary .row article .entry-title {
        font-size: 1.55rem;
        word-break: break-word;
    }
}

@media (max-width: 820px) {
    .entry-content figure {
        width: 100%!important;
        margin-left: 0!important;
        margin-right: 0!important;
        max-width: 100%;
    }
}

/* Small devices (landscape phones, less than 768px) */
@media (max-width: 767px) {

    .container.home-section > .row > .col-12 {
        margin-bottom: 3em;
    }

    .ajankohtaista-wrap {
        margin-top: 0;
        margin-bottom: 0;
    }

    .ajankohtaista-wrap .row {
        display: block;
    }

    .ajankohtaista-wrap .ajankohtaista-item {
        margin-bottom: 1.5em;
    }

    .ajankohtaista-wrap .row div:first-child .ajankohtaista-item {
        margin-right: 0;
    }

    .ajankohtaista-wrap .row div:last-child .ajankohtaista-item {
        margin-left: 0;
    }

    .view-all-btn-wrap {
        position: static;
        margin-bottom: 2em;
    }

    .ajankohtaista-bottom .ajankohtaista-item img {
        margin-right: 0;
        max-width: 100%;
        float: none;
    }

    .view-all-btn-wrap {
        margin-left: auto;
        margin-right: auto;
    }

    .slide-inner h2 {
        font-size: 6em;
        line-height: 1.1;
    }

    .slide-inner p {
        font-size: 1.8em;
    }

    .slide-inner .btn.cta1, .slide-inner .btn.cta2 {
        font-size: 3em;
    }

    .page-subtitle .page-subtitle-inner p {
        font-size: 2.5em;
    }

    .single-tapahtuma p#breadcrumbs, .single-post p#breadcrumbs, .single-blogi p#breadcrumbs, .single-post p#breadcrumbs, .breadcrumb_last, .page p#breadcrumbs {
        font-size: 1.1em;
    }

    .single-tapahtuma .page-header .container .entry-meta, .single-post .page-header .container .entry-meta, .single-blogi .page-header .container .entry-meta {
        font-size: 1.5em;
    }

    .page .page-header .container .share-wrap {
        font-size: 1.6em;
        margin-bottom: 0.4em;
    }

    h1.page-title, .single-blogi h1.page-title {
        font-size: 3.8em;
    }

    .entry-content h2 {
        font-size: 3em;
    }

    .entry-content h3 {
        font-size: 2.2em;
    }

    .btn.cta1, .btn.cta2 {
        font-size: 3em;
    }

    .entry-content ol li {
        font-size: 1.7em;
    }

    .yhteystiedot-accordion .col-md-3 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .modal-content .hanke-meta {
        font-size: 1.5em;
    }

    .single-blogi .entry-content{
        display: flex;
        flex-direction: column;
    }

    .single-blogi .sidebar {
        order: 999;
    }

    .single-blogi .similar-posts-heading {
        order: 99999999;
        margin-top: 0;
    }

    .single-blogi .similar-post-tags + .container {
        order: 999999999;
    }

    .similar-post-tags + .container > .row {
        margin: 0;
    }

    .similar-post {
        margin: 1em 0;
    }

    .footer .newsletter-subscribe {
        margin-left: -15px;
        margin-right: -15px;
    }

    img.size-medium {
        width: 100%;
        max-width: none!important;
    }

    .entry-content figure {
        min-width: 100%;
    }

    .taeggie-feed-widget .size-1of3 {
        width: 50%!important;
    }

    .blog .container .primary, .search .container .primary, .archive .container .primary  {
        margin-left: 0;
        margin-right: 0;
        width: 100%;
    }

    .blog .container .primary .row, .search .container .primary .row, .archive .container .primary .row{
        display: block;
    }

    .blog .container .primary .row > .col-12, .search .container .primary .row > .col-12, .archive .container .primary .row > .col-12 {
        padding-left: 0;
        padding-right: 0;
    }

    .blog .container .primary .row > .col-12, .search .container .primary .row > .col-12, .archive .container .primary .row > .col-12 {
        padding-left: 15px;
        padding-right: 15px;
        margin-bottom: 1.5em;
    }

    .blog .container .primary .row > .col-12:last-child, .search .container .primary .row > .col-12:last-child, .archive .container .primary .row > .col-12:last-child {
        margin-bottom: 3em;
    }

    /*.blog .container .primary .row > .col-12 .hentry, .search .container .primary .row > .col-12 .hentry, .archive .container .primary .row > .col-12 .hentry {
        height: 92%;
    }*/
}

/* Extra small devices (portrait phones, less than 544px) */
@media (max-width: 543px) {

    .site-header {
        padding: 0;
    }
    
    .slide-inner h2 {
        font-size: 5em;
    }

    .slide-inner p {
        font-size: 1.5em;
    }

    .page-subtitle {
        padding: 2em;
    }

    .page-subtitle .page-subtitle-inner p {
        font-size: 2em;
    }

    .ajankohtaista-item h4 {
        font-size: 1.8em;
    }

    .ajankohtaista-item .item-excerpt {
        font-size: 1.2em;
    }

    .ajankohtaista-item .btn {
        font-size: 1.1em;
    }

    .view-all-btn {
        font-size: .9em;
    }

    .footer .widgets .col-md-4 {
        max-width: 100%;
        display: block;
    }

    .entry-content blockquote p {
        font-size: 3em;
    }

    .footer h3 {
        font-size: 1.9em;
    }

    .container.home-section {
        padding: 1em 1em;
    }

    .home-section .btn.cta1, .home-section .btn.cta2 {
        display: inline-block;
        white-space: normal;
        font-size: 2em;
    }

    .lahettilas-wrap {
        text-align: center;
    }
    
    .lahettilas-img, .lahettilas-text {
        max-width: 100%;
    }

    .lahettilas-img {
        padding-top: 150px;
        max-width: 150px;
    }

    .lahettilas-wrap h4 {
        text-align: center;
        margin-top: .5em;
    }

    .slide-inner .btn.cta1, .slide-inner .btn.cta2 {
        padding: .2em .5em;
    }

    #vfbField45 .vfb-inline-group .vfb-radio {
        width: 100%;
    }

    #vfbField45 .vfb-inline-group label {
        padding: 1em 1em;
        width: 90%;
    }

    .taeggie-feed-widget .size-1of2 {
        width: 100%!important;
    }

    .entry-content p img {
        margin-bottom: 1rem;
        max-width: 49%;
    }

    .entry-content p img.size-large {
        max-width: 100%;
    }

    .entry-content p img.alignleft {
        float: left;
        margin-right: 2em;
    }

    .entry-content p img.alignright {
        float: right;
        margin-left: 2em;
    }

    .entry-content p img.aligncenter {
        float: none;
        width: 100%;
    }

}
@media (min-width: 544px) {
    .alignnone {
        margin: 40px 20px 20px 20px;
    }
    .alignleft {
        margin: 10px 60px 20px 0;
    }
    .alignright {
        margin: 10px 0 20px 60px;
    }
}
@media (max-width: 500px){
    .entry-content p img, .entry-content p img.alignright, .entry-content p img.alignleft {
        width: 100%;
        max-width: 100%;
        margin-left: 0;
        margin-right: 0;
    }
}

@media (max-width: 400px){

    .view-all-btn-wrap .view-all-btn {
        white-space: normal;
    }

    .textbox {
        font-size: 2.5em;
    }

    .lahettilas-wrap {
        padding: 2em 1em;
    }

    h1.page-title {
        font-size: 2.5em;
    }

    .page-header h1.page-title {
        font-size: 3.8em;
    }

    .entry-content p {
        font-size: 1.2em;
    }

    .entry-content .similar-posts-heading {
        font-size: 2.5em;
    }
}

@media (max-width: 340px){
    .site-header .navbar .navbar-brand {
        margin-right: 0;
    }
}

/* Kampanja */

.page-template-kampanja .site-header {
    position: absolute;
    width: 100%;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    background: transparent;
}

.page-template-kampanja .site-header.sticky + main {
    margin-top: 0;
}

.page-template-kampanja .site-header .navbar {
    max-width: 1600px;
    padding-left: 50px;
    padding-right: 50px;
}

.page-template-kampanja .site-header .navbar .navbar-brand img {
    width: 145px;
}
@media only screen and (max-width: 767px) {
    /* Logo */
    .page-template-kampanja .site-header .navbar a.navbar-brand {
        margin-top: 0.5em;
    }
    .page-template-kampanja .site-header .navbar .navbar-brand img {
        width: 110px;
    }
    /* Nav btn */
    .page-template-kampanja div.nav-extras {
        top: 0.5em;
        right: 1.5em;
    }
    .page-template-kampanja #nav-wrapper.navbar-collapse {
        top: 75px;
    }
    .page-template-kampanja .navbar-expand-xl button.navbar-toggler {
        height: 3.5em; 
        width: 3.5em;
    }
}

/*.page-template-kampanja .site-header .navbar .navbar-brand,*/
.page-template-kampanja .collapse .mega-menu-wrap,
.page-template-kampanja .nav-extras > * {
    display: none!important;
}

.page-template-kampanja .collapse.show .mega-menu-wrap {
    display: block!important;
}

.page-template-kampanja .nav-extras {
    float: right;
    position: absolute;
    top: 2em;
    right: 1em;
}

.page-template-kampanja .navbar-expand-xl .navbar-toggler {
    display: block!important;
    background: #ffd400;
    height: 5em;
    width: 5em;
    border-radius: 100%;
    text-align: center;
    padding: 0;
    float: right;
    margin-right: -3em
}
.page-template-kampanja .navbar-expand-xl .navbar-toggler:focus {
    outline: solid 2px white;
}

.page-template-kampanja .navbar-expand-xl .navbar-toggler .hamburger-box {
    width: 21px;
}

.page-template-kampanja .slide {
    height: 38vw;
}
.owl-item .slide {
    height: 38vw;
}
@media only screen and (max-width: 767px) {
    .owl-item .slide {
        height: 50vw;
    }
}

.page-template-kampanja .slide-inner * {
    text-align: left;
}

.page-template-kampanja .page-header .slide-inner-wrapper {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    padding-left: 50px;
    padding-right: 50px;
    max-width: 1600px;
}

.page-template-kampanja .page-header .slide-inner-wrapper .slide-inner {
    width: 50%;
    padding: 0;
}

.page-template-kampanja .page-header .slide-inner-wrapper .slide-inner h2 {
    font-size: 9em;
    line-height: 1;
}

.page-template-kampanja .page-header .slide-inner-wrapper .slide-inner p {
    font-size: 1.6em;
}

.page-template-kampanja .container-fluid{
    max-width: 1600px;
    margin: 0 auto;
    padding-left: 50px;
    padding-right: 50px;
}

.page-template-kampanja .container-fluid h1 {
    font-size: 4em;
    margin-top: 0;
}

.page-template-kampanja .kampanja-content {
    float: left;
    width: 65%;
    width: 100%;
    padding-right: 3em;
}

.page-template-kampanja .kampanja-sidebar {
    width: 35%;
    float: right;
    box-shadow: 1px 1px 30px rgba(0,0,0,.2);
    padding: 3em;
    margin-top: 4em;
    margin-bottom: 4em;
    background: #ffd400;
    margin-left: 2em;
}

.page-template-kampanja .kampanja-sidebar h2{
    padding-left: 10px;
    padding-right: 10px;
}

.page-template-kampanja .kampanja-sidebar .vfbp-form .vfb-form-group,
.page-template-kampanja .kampanja-sidebar #vfbField45 {
    margin-bottom: 15px;
}

.page-template-kampanja .kampanja-sidebar .vfb-col-6, .page-template-kampanja .kampanja-sidebar .vfb-col-12 {
    padding-left: 10px;
    padding-right: 10px;
}

.page-template-kampanja .kampanja-sidebar #vfbField45 .vfb-inline-group .vfb-radio:nth-child(3),
.page-template-kampanja .kampanja-sidebar #vfbField45 .vfb-inline-group .vfb-radio:nth-child(4) {
    margin-bottom: 0;
}

.page-template-kampanja .kampanja-sidebar #vfbField45 .vfb-inline-group label {
    padding: 1em 1em;
    font-size: 1.5em;
    max-height: 12rem;
}

.page-template-kampanja .kampanja-sidebar #vfbField45 .vfb-inline-group .vfb-radio:last-child label {
    padding: 1em .2em;
}

.page-template-kampanja .kampanja-sidebar .vfb-radio input[type="text"]{
    font-size: 1em!important;
}

.page-template-kampanja .kampanja-sidebar #vfbField45 .vfb-inline-group .vfb-radio:last-child input {
    background: transparent!important;
}

.page-template-kampanja .kampanja-sidebar input[type="text"],
.page-template-kampanja .kampanja-sidebar input[type="email"],
.page-template-kampanja .kampanja-sidebar input[type="tel"]{
    font-size: 1.5em!important;
    background: #fff!important;
}

.page-template-kampanja .kampanja-sidebar #vfbField51 .vfb-radio label,
.page-template-kampanja .kampanja-sidebar #vfbField52 .vfb-radio label,
.page-template-kampanja .kampanja-sidebar #vfbField53 .vfb-checkbox label,
.page-template-kampanja .kampanja-sidebar #vfbField61 .vfb-checkbox label,
.page-template-kampanja .kampanja-sidebar #vfbField72 .vfb-checkbox label,
.page-template-kampanja .kampanja-sidebar #vfbField73 .vfb-checkbox label,
.page-template-kampanja .kampanja-sidebar .vfbp-form .vfb-help-block {
    font-size: 1.4em;
    color: #212529;
}

.page-template-kampanja .kampanja-sidebar #vfbField51 .vfb-radio label:before,
.page-template-kampanja .kampanja-sidebar #vfbField52 .vfb-radio label:before,
.page-template-kampanja .kampanja-sidebar #vfbField53 .vfb-checkbox label:before,
.page-template-kampanja .kampanja-sidebar #vfbField61 .vfb-checkbox label:before,
.page-template-kampanja .kampanja-sidebar #vfbField72 .vfb-checkbox label:before,
.page-template-kampanja .kampanja-sidebar #vfbField73 .vfb-checkbox label:before {
    border: 3px solid #212529;
}

.page-template-kampanja .kampanja-sidebar #vfbField51 .vfb-radio label.checked:before,
.page-template-kampanja .kampanja-sidebar #vfbField52 .vfb-radio label.checked:before,
.page-template-kampanja .kampanja-sidebar #vfbField53 .vfb-checkbox label.checked:before,
.page-template-kampanja .kampanja-sidebar #vfbField61 .vfb-checkbox label.checked:before,
.page-template-kampanja .kampanja-sidebar #vfbField72 .vfb-checkbox label.checked:before,
.page-template-kampanja .kampanja-sidebar #vfbField73 .vfb-checkbox label.checked:before {
    background-color: transparent;
    border-color: #212529;
}

.page-template-kampanja .kampanja-sidebar #vfbField51 .vfb-radio label:after,
.page-template-kampanja .kampanja-sidebar #vfbField52 .vfb-radio label:after,
.page-template-kampanja .kampanja-sidebar #vfbField53 .vfb-checkbox label:after,
.page-template-kampanja .kampanja-sidebar #vfbField61 .vfb-checkbox label:after,
.page-template-kampanja .kampanja-sidebar #vfbField72 .vfb-checkbox label:after,
.page-template-kampanja .kampanja-sidebar #vfbField73 .vfb-checkbox label:after {
    background: #212529;
    /* top: .36rem; */
    /* left: .27rem; */
    top: .6rem; 
    left: .5rem; 
    width: .79rem;
    height: .79rem;
}

.page-template-kampanja .kampanja-sidebar #vfbField51 .vfb-control-label,
.page-template-kampanja .kampanja-sidebar #vfbField52 .vfb-control-label {
    margin-bottom: 0;
    color: #212529;
}

.page-template-kampanja .kampanja-sidebar #vfbp-form-3 .vfb-fieldType-submit button{
    background: #fff;
    color: #212529;
}

.page-template-kampanja hr {
    clear: both;
    margin-top: 2rem;
    margin-bottom: 2rem;
}

.page-template-kampanja .entry-content h2 {
    margin-top: 0;
    line-height: 1;
    color: #004877;
}

@media only screen and (max-width: 1600px){
    .page-template-kampanja  .kampanja-content {
        /*width: 60%;*/
        width: 100%;
    }
    .page-template-kampanja .kampanja-sidebar {
        width: 45%;
    }
}

@media only screen and (max-width: 1350px){
    .page-template-kampanja  .kampanja-content {
        /*width: 55%;*/
        width: 100%;
    }
    .page-template-kampanja .kampanja-sidebar {
        width: 50%;
    }
}

@media only screen and (max-width: 1199px){
    .page-template-kampanja .site-header .navbar .navbar-brand {
        margin-top: 1em;
    }

    .page-template-kampanja .nav-extras {
        top: 1.5em;
        right: 1em;
    }
    .page-template-kampanja #nav-wrapper {
        top: 100px;
    }

    .page-template-kampanja .navbar-expand-xl .navbar-toggler {
        margin-right: -.5em;
    }
    .page-template-kampanja  .kampanja-content {
        /*width: 50%;*/
        width: 100%;
    }

    .page-template-kampanja .entry-content p {
        font-size: 1.5em;
    }

    .page-template-kampanja .kampanja-sidebar {
        width: 50%;
        padding: 2em;
    }
}

@media only screen and (max-width: 1100px){
   .page-template-kampanja .kampanja-sidebar #vfbField45 .vfb-inline-group .vfb-radio {
        width: 50%;
        text-align: center;
        margin-bottom: 1em;
    }

    .page-template-kampanja .kampanja-sidebar #vfbField45 .vfb-inline-group label {
        padding: 1em 2em;
        width: 95%;
    }

    .page-template-kampanja .kampanja-sidebar #vfbField45 .vfb-inline-group .vfb-radio:nth-child(odd) label {
        margin-left: -10px;
    }

    .page-template-kampanja .kampanja-sidebar #vfbField45 .vfb-inline-group .vfb-radio:nth-child(even) label{
        margin-right: -10px;
    }

    .page-template-kampanja .kampanja-sidebar input[type="text"],
    .page-template-kampanja .kampanja-sidebar input[type="email"],
    .page-template-kampanja .kampanja-sidebar input[type="tel"] {
        font-size: 1.4em!important;
    }
}

@media only screen and (max-width: 920px){

    .page-template-kampanja .page-header .slide-inner-wrapper .slide-inner h2 {
        font-size: 7em;
    }


    /*.page-template-kampanja .container-fluid {
        display: flex;
        -moz-flex-wrap: wrap;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
    }*/
    .page-template-kampanja  .kampanja-content {
        width: 100%;
        padding-right: 0;
        /*order: 2;*/
    }
    .page-template-kampanja .kampanja-sidebar {
        width: 100%;
        margin-top: 4em;
        margin-left: 0;
        /*margin-bottom: 0;*/
        /*order: 1;*/
    }

    .page-template-kampanja .kampanja-sidebar #vfbField45 .vfb-inline-group .vfb-radio:nth-child(odd) label {
        margin-left: -15px;
    }

    .page-template-kampanja .entry-content h2 {
        display: flex;
        flex-wrap: wrap;
    }

    .page-template-kampanja .entry-content h2 img {
        width: 100%;
        max-width: 100%;
        order: 2;
        margin-bottom: 0;
        height: 100%;
        margin: 0;
        margin-top: 1rem;
    }

    .page-template-kampanja .entry-content h2 span {
        margin-bottom: 2rem;
    }
}

@media only screen and (max-width: 768px){
    .page-template-kampanja .kampanja-sidebar #vfbField45 .vfb-inline-group .vfb-radio:nth-child(odd) label {
        margin-left: -15px;
    }

    .page-template-kampanja .kampanja-sidebar #vfbField45 .vfb-inline-group .vfb-radio:nth-child(even) label{
        margin-right: -15px;
    }
}

@media only screen and (max-width: 700px){

    .page-template-kampanja .page-header .slide-inner-wrapper .slide-inner h2 {
        font-size: 5em;
    }

    .page-template-kampanja .page-header .slide-inner-wrapper .slide-inner p {
        font-size: 1.4em;
    }

    .page-template-kampanja .kampanja-sidebar #vfbField45 .vfb-inline-group .vfb-radio:nth-child(odd) label {
        margin-left: -10px;
    }

    .page-template-kampanja .kampanja-sidebar #vfbField45 .vfb-inline-group .vfb-radio:nth-child(even) label{
        margin-right: -10px;
    }
}

@media only screen and (max-width: 600px){
    .page-template-kampanja .page-header .slide-inner-wrapper .slide-inner p {
        font-size: 1.3em;
    }

    .page-template-kampanja .kampanja-sidebar {
        margin-top: 2em;
    }
}

@media only screen and (max-width: 550px){
    .page-template-kampanja .site-header .navbar,
    .page-template-kampanja .page-header .slide-inner-wrapper,
    .page-template-kampanja .container-fluid {
        padding-left: 15px;
        padding-right: 15px;
    }

    .page-template-kampanja .page-header .slide-inner-wrapper .slide-inner h2 {
        font-size: 4em;
    }
    .page-template-kampanja .page-header .slide-inner-wrapper .slide-inner p {
        font-size: 1.2em;
        line-height: 1.2;
    }
}

@media (min-width: 1200px) {

/* Breaks accordion content visibility 
    .page-template-kampanja .collapse {
        height: 113.5px!important;
    }

    .page-template-kampanja .collapsing,
    .page-template-kampanja .collapse {
       max-height: 113.5px!important;
       min-height: 113.5px!important;
    }
*/

    .page-template-kampanja .nav-extras {
        right: 4em;
    }

    /*.page-template-kampanja .collapse{
        display: none;
    }

    .page-template-kampanja .collapse.show {
        display: block;
    }

    .page-template-kampanja #mega-menu-wrap-header-menu #mega-menu-header-menu {
        padding: 0 7px 10px;
        margin-top: 6.5em;
    }

    .page-template-kampanja #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-item{
        display: block;
        background: #ffd400;
        background: transparent;
        margin: 0;
    }

    .page-template-kampan #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-item:last-child {
        z-index: 9999999;
    }

    .page-template-kampanja #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-item > a.mega-menu-link {
        text-align: right;
        color: #585857;
        text-shadow: none;
        font-size: 2.5em;
        font-family: 'Open Sans', Arial, sans-serif;
        padding: .5em 1em;
        font-weight: 600;
    }
    .page-template-kampanja #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-item > a.mega-menu-link,
    .page-template-kampanja #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link {
        color: #585857;
        font-size: 1.4em;
        font-weight: 600;
        text-shadow: none;
        font-family: 'Open Sans', Arial, sans-serif;
        background: transparent;
        background: #ffd400;
        padding: .2em 40px;
        border-top: 3px solid #fff;
    }

    .page-template-kampanja #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-item.mega-toggle-on > a.mega-menu-link,
    .page-template-kampanja #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-item > a.mega-menu-link:hover,
    .page-template-kampanja #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-item > a.mega-menu-link:focus {
        background: #fcaf17;
        color: #585857;
    }

    .page-template-kampanja #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-item.mega-toggle-on > a.mega-menu-link,
    .page-template-kampanja #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-item > a.mega-menu-link:hover,
    .page-template-kampanja #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-item > a.mega-menu-link:focus {
        font-weight: 600;
        background: #fcaf17;
    }

    .page-template-kampanja #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-megamenu > ul.mega-sub-menu {
        margin-left: 0;
    }

    .page-template-kampanja #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-megamenu > ul.mega-sub-menu {
        box-shadow: none;
        padding: .1em 0 0 0!important;
    }

    .page-template-kampanja #mega-menu-wrap-header-menu #mega-menu-header-menu[data-effect="fade_up"].mega-no-js li.mega-menu-item:hover > ul.mega-sub-menu,
    .page-template-kampanja #mega-menu-wrap-header-menu #mega-menu-header-menu[data-effect="fade_up"].mega-no-js li.mega-menu-item:focus > ul.mega-sub-menu,
    .page-template-kampanja #mega-menu-wrap-header-menu #mega-menu-header-menu[data-effect="fade_up"] li.mega-menu-item.mega-toggle-on > ul.mega-sub-menu,
    .page-template-kampanja #mega-menu-wrap-header-menu #mega-menu-header-menu[data-effect="fade_up"] li.mega-menu-item.mega-menu-megamenu.mega-toggle-on ul.mega-sub-menu {
        position: static;
        padding-right: 0!important;
        padding-bottom: 0!important;
        padding-top: 0!important;
        padding-left: 0!important;
        box-shadow: none;
        margin-top: 0!important;
    }

    .page-template-kampanja #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item,
    .page-template-kampanja #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item {
        width: 100%;
    }

    .page-template-kampanja #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item {
        padding: 0;
        background: #d7d7d7;
        margin: 0;
        margin-bottom: 0;
        float: none;
    }

    .page-template-kampanja #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link {
        text-align: right;
        font-size: 1.3em;
        padding: .6em 40px;
        line-height: initial;
        border-top: 3px solid #fff;
        font-weight: 600;
    }

    .page-template-kampanja #mega-menu-wrap-header-menu #mega-menu-header-menu li.mega-menu-item ul.mega-sub-menu li.mega-has-icon a.mega-menu-link:before {
        display: none;
    }

    .page-template-kampanja #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-megamenu > ul.mega-sub-menu {
        width: 100%;
    }*/
}