@import 'https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,300i,400,400i,600,600i,700,700i,900,900i&subset=latin-ext';
@font-face {
    font-family: 'The Girl Next Door';
    src: url('fonts/thegirlnextdoor.woff2') format('woff2'),
         url('fonts/thegirlnextdoor.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

/* Add support for Gutenberg full-width content */
.alignfull {
    width: 100vw;
    margin-left: calc(50% - 50vw);
}


body:not(.loaded) #content-loader {
    height: 50vh;
    text-align: center;
    line-height: 50vh;
    background-repeat: no-repeat;
    background-position: center;
    font-size: 3em;
    color: #fff;
    text-shadow: 1px 1px 10px #666;
    position: absolute;
    width: 100vw;
}
body.home:not(.loaded) #content-loader {
    height: 100vh;
    line-height: 100vh;
}
body.loaded #content-loader {
    display: none;
}

body:not(.loaded) .site-inner>#content {
    opacity: 0.1;
}
body .site-inner>#content {
    transition: 1s all;
}

/* all pages */
html, body {
    width: 100%;
    width: 100vw;
    overflow-x: hidden;
}

body, button, input, select, textarea {
    color: #1a1a1a;
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 1rem;
    line-height: 1.75;
}


.entry-content h1,
.entry-content h2,
.entry-content h3,
.entry-content h4,
.entry-content h5,
.entry-content h6,
.entry-summary h1,
.entry-summary h2,
.entry-summary h3,
.entry-summary h4,
.entry-summary h5,
.entry-summary h6,
.comment-content h1,
.comment-content h2,
.comment-content h3,
.comment-content h4,
.comment-content h5,
.comment-content h6,
.textwidget h1,
.textwidget h2,
.textwidget h3,
.textwidget h4,
.textwidget h5,
.textwidget h6 {
	font-weight: 400;
}
.entry-content h1{
    font-size: 3.2rem;
    text-transform: uppercase;
}
.entry-content h2,
.comment-content h2,
.textwidget h2 {
	font-size: 2rem;
}
.entry-content h3,
.comment-content h3,
.textwidget h3 {
	font-size: 1.3rem;
}

.entry-title {
    font-family: inherit;
}
.entry-content a,
.entry-summary a,
.taxonomy-description a,
.logged-in-as a,
.comment-content a,
.pingback .comment-body > a,
.textwidget a,
.entry-footer a,
.site-info a,
body a {
	box-shadow: none;
}
nav a:hover {
    transition: 0.2s all;
}
body a:hover>*:not(.fa-search) {
    opacity: 0.9;
    transition: 0.5s all;
}
.events_list_box a:hover, .post_type_uutiset:hover {
    color: #ddd;
}


/* full width & height page */
body:before, body:after { display: none !important; }
.site { margin: 0; }
.site {
    background: #fff;
}
.home .site, #content-loader {
    background: #e5e5e5;
}
.home .site-main {
    margin-bottom: 0;
}
.site-inner { max-width: 100%; }
.no-sidebar .entry-header, .no-sidebar .entry-content, .no-sidebar .entry-summary, .no-sidebar .entry-footer, .no-sidebar .comments-area, .no-sidebar .image-navigation, .no-sidebar .post-navigation, .no-sidebar .pagination, .no-sidebar .page-header, .no-sidebar .page-content, .no-sidebar .content-bottom-widgets {
    margin: 0;
}
.flex {
    display: flex;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    flex-wrap: wrap;
}
/* site max width 1200px */

#title_background {
    position: relative;
}
#title_background:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-image: linear-gradient(rgba(0,0,0, 1) 0px, rgba(0,0,0, 0.33) 150px);
}
.multisite-child:not(.vauvaperhe):not(.intoa-isatyöhön) #title_background:before {
    background-image: linear-gradient(rgba(255,255,255, 1) 0px, rgba(255,255,255, 0.33) 150px);
}
div#content, div#title_background .title-wrapper {
    padding: 0 40px;
    width: 100%;
    max-width: 1180px;
    margin: auto;
}
.home div#content, .home div#title_background .title-wrapper {
    max-width: 1280px;
}

.pagination {
    width: 100%;
}


/* search */
input[type="search"].search-field, button.search-submit {
    border-radius: 0;
}
body button.search-submit {
    color: #fff;
    background: #009bac;
}
body button.search-submit:hover {
    background: #00808b;
}

body ul.search_results {
    width: 75%;
    max-width: 600px;
    max-height: 75vh;
    box-shadow: none;
    background: transparent;
    border: 1px solid #333;
    border-top: none;
    margin-left: -1px;
}

body ul.search_results li {
    background: #fafafa;
    border-bottom: none;
}

body ul.search_results li a, body ul.search_results li a:visited {
    font-weight: 400;
}

body ul.search_results>:nth-child(2) {
    border-top: none;
}

body .search_footer {
    background: #009bac;
}
body .search_footer:hover {
    background: #00808b;
}
body .search_footer a, body .search_footer a:visited {
    width: 100%;
    height: 100%;
    margin-right: 0;
    padding-right: 1em;
    display: block;
}

#search_results_container {
    margin-top: 2em;
    display: inline-block;
    width: 100%;
}
    .search-result {
        padding: 1em;
        background: #eee;
    }

.daves-wordpress-live-search_result {
    cursor: pointer;
}
    .daves-wordpress-live-search_result .daves-wordpress-live-search_title {
        font-weight: 600 !important;
    }
    .daves-wordpress-live-search_result .clearfix {
        margin: 0;
    }


.edit-link {
    display: none;
}


/* columns */
.col-1 {
    width: 100%;
}
.col-2, .col-3, .col-4 {
    margin: 0 2% 2% 0;
    float:left;
}
.col-2:nth-child(2n), .col-3:nth-child(3n), .col-4:nth-child(4n) {
    margin-right: 0;
}

.col-2 {
    width: 49%;
}
.col-3 {
    width: 32%;
}
.col-4 {
    width: 23.5%;
}
.dummy-col {
    width: 0 !important;
    height: 0 !important;
    margin: 0 !important;
}


/* responsive rules:
// maxWidth: 1199px
// cols -3 & -4 become 1 less
//
// maxWidth: 1023px
// col-4 become 1 less
//
// maxWidth: 799px
// all cols become 100% */
@media(max-width: 1199px){

.col-3:nth-child(3n), .col-4:nth-child(4n) {
    margin-right: 2%;
}
.col-3:nth-child(2n), .col-4:nth-child(3n) {
    margin-right: 0;
}

.col-3 {
    width: 49%;
}
.col-4 {
    width: 32%;
}
}
@media(max-width: 1023px){

.col-4:nth-child(3n) {
    margin-right: 2%;
}
.col-4:nth-child(2n) {
    margin-right: 0;
}

.col-4 {
    width: 49%;
}
}
@media(max-width: 799px){
    .col-2, .col-3, .col-4 {
        margin-right: 0;
        width: 100%;
    }
}



/* background images */
.background_contain {
    background-position: center;
    background-size: cover;
}
.home .some-row {
    background-attachment: fixed;
}


/* base font size for shortcodes */
.base_font_size, .vc_tta-panels, .vc_toggle {
    font-size: 16px !important;
    line-height: 1.4em !important;
}


/* post_thumbbox */
.posts_by_category_container {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
}

@media (max-width: 799px) {
    .posts_by_category_container {
        display: block;
    }
    .post_thumbbox.col-4 {
        flex: 0;
        max-width: 100%;
    }
}
.post_thumbbox {
    padding: 1em;
    background: #fff;
    display: inline-block;
    max-width: none;
}
    .post_thumbbox a {
        color: inherit;
    }
    .post_thumbbox a:hover {
        color: #555;
    }
    .post_thumbbox_image {
        width: 100%;
        height: 15em;
    }
    h3.post_thumbbox_title {
        margin: 1em 0;
        text-align: center;
    }
    .post_thumbbox_link{
        text-align: center;
    }
    .post_thumbbox_link i {
        margin-left: 10px;
        text-decoration: none;
        font-size: 2rem;
        vertical-align: middle;
    }

/* visual composer fix */
#content .post_thumbbox:last-child {
    margin-bottom: 2%;
}



/* visual composer accordion */

.vc_tta .vc_tta-panel-heading {
    margin-bottom: 0 !important;
}
.vc_tta-panel {
    box-shadow: 1px 2px 5px 1px rgba(0,0,0,0.1);
    background: #fff;
    margin-bottom: 1em !important;
}
.vc_tta .vc_tta-panel .vc_tta-panel-heading {
    background: #fff !important;
}
.vc_tta.vc_tta-accordion .vc_tta-controls-icon-position-left.vc_tta-panel-title>a {
    box-shadow: none;
}
span.vc_tta-title-text {
    text-transform: none;
    font-weight: 400;
    letter-spacing: 0;
}

/* faq */
body .vc_toggle {
    margin: 0;
    padding: 1em 0;
    box-shadow: 0px 1px 5px 2px rgba(0,0,0,0.1);
    margin-bottom: 0.5em;
}
    body .vc_toggle_size_md.vc_toggle_default .vc_toggle_content, .vc_toggle_size_md.vc_toggle_default .vc_toggle_title {
        padding-left: 3em !important;
    }
        .vc_toggle_title h3, .vc_toggle_title h4 {
            margin: 0 !important;
            font-weight: 400 !important;
        }
        body i.vc_toggle_icon {
            margin-left: 1.3em !important;
        }

    body .vc_toggle_content {
        padding: 0 1em !important;
    }


/* some-feed  */

.some-feed-wrapper .filter {
    box-shadow:none;
}
    .some-feed-wrapper .filter:hover button {
        border-color: #999;
    }
    .some-feed-wrapper .filter button:not(.is-checked), .some-feed-wrapper .filter button:not(.is-checked) *{
        background: #fff !important;
        color: #999 !important;
    }
#wv-some-feed .some-feed .some-post{
    border: none;
}



/* frontpage ad + posts + events */
.frontpage_ad_posts_events {
    display: block;
}
.frontpage_ad_posts_events h3.post_thumbbox_title {
    text-align:left;
}

a.post_type_title {
    display: block;
    box-shadow: none;
    margin: -1em -1em 1em -1em;
    padding: 1em;
    color: #fff;
    background: #008191;
}
a.post_type_title:after {
    width: 100%;
    height: 5px;
    display: block;
    content: ' ';
    position: relative;
    bottom: -1em;
    left: -1em;
    width: calc(100% + 2em);
    
    background: #aaa;
    background: -moz-linear-gradient(top, #aaa 0%, #fff 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, #aaa), color-stop(100%, #fff));
    background: -webkit-linear-gradient(top, #aaa 0%, #fff 100%);
    background: -o-linear-gradient(top, #aaa 0%, #fff 100%);
    background: -ms-linear-gradient(top, #aaa 0%, #fff 100%);
    background: linear-gradient(to bottom, #aaa 0%, #fff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#aaa', endColorstr='#fff', GradientType=0 );
}
a.post_type_title.post_type_blogi {
    background: #f27121;
}
    .post_title_type {
        text-transform: uppercase;
    }
    .post_title_date {
        float: right;
    }


.events_list {
    font-size: 1rem;
}
.events_list_box {
    background: #008191;
    color: #fff;
    text-align: center;
}
    .events_list_box h3.post_thumbbox_title {
        margin: 0;
        text-align: center;
    }
    a.events_list_box_events {
        box-shadow: none;
    }
    .events_list_box p {
        margin: 0 0 0 1.5rem;
    }
    
    a.events_list_box_event {
        text-align: left;
        margin-top: 1em;
        display: block;
        box-shadow: none;
    }
        .events_list_box_event i {
            float: left;
            font-size: 1.5em;
            margin-top: .5em;
        }
        p.events_list_box_date {
            font-size: 1.3em;
            line-height: 1;
        }

.tapahtumat_timeline .tapahtuma {
    background: #eee;
    padding: 1em;
    text-align: center;
    color: inherit;
}
    .tapahtumat_timeline .tapahtuma .tapahtuma-title {
        color: #008191;
        font-weight: 600;
        font-size: 1.1em;
    }
    .tapahtumat_timeline .tapahtuma .tapahtuma-time {
        font-weight: 600;
    }
    .tapahtumat_timeline .tapahtuma .tapahtuma-address {
        font-weight: 100;
    }

.event-single-infobox {
    background: #eee;
    display: inline-block;
    padding: 1em;
}
    .event-single-infobox .field {
        margin-right: 1em;
    }
        .event-single-infobox .fa {
            width: 1em;
            text-align: center;
            margin-right: 0.5em;
        }

/* mainos */
.post_thumbbox.erityisnosto {
    padding: 0;
    background-color: transparent;
}
.erityisnosto_image {
    height: 30em;
    width: 100%;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: top center;
}
    .erityisnosto_image a {
        width: 100%;
        height: 100%;
        display: block;
        box-shadow: none;
    }



/* kirjakauppa */
.kirjakauppa_accordion .wpb_text_column {
    background: #fafafa;
    padding: 1em;
}
    .kirjakauppa_accordion h3 {
        font-weight: 600;
    }

.kirjakauppa_notice {
    display: inline-block;
    padding: 1em;
    font-size: 1.5em;
    position: fixed;
    bottom: 0;
    left: 0;
    background: #009bab;
    color: #fff;
    max-width: 50%;
}
    .kirjakauppa_notice a {
        color: #ec7120
    }



/* header */
.site-header {
    position: absolute;
    top: 0;
    left: 50%;
    width: 100%;
    max-width: 1500px;
    z-index: 1;
    padding: 0 1em;
    -webkit-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transform: translate(-50%,0);
    -ms-transform: translate(-50%,0);
    -o-transform: translate(-50%,0);
    transform: translate(-50%,0);
}
    p.site-title {
        display: none;
    }
    .wp-custom-logo .site-header-main {
        -webkit-align-items: flex-start;
        -ms-flex-align: flex-start;
        align-items: flex-start;
    }

.site-header-main {
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    justify-content: space-between;
}
.site-branding {
    margin: 0.875em 1em 0.875em 0;
    min-width: auto;
    overflow: visible;
}
.menu-toggle {
    border: 1px solid #fff!important;
    color: #fff!important;
    float: right;
    margin: 70px 0 0;
}
.menu-toggle:hover, 
.menu-toggle:focus{
    border: 1px solid #fff!important;
    color: #fff!important;
}
 .menu-toggle.toggled-on,
 .menu-toggle.toggled-on:hover, 
 .menu-toggle.toggled-on:focus {
    background-color: transparent!important;
}
.site-description {
    display: block;
    color: #fff!important;
    text-transform: uppercase;
    width: 60%;
    margin: 10px auto;
    border-top: solid 1px #fff;
    padding-top: 10px;
    text-align: center;
    letter-spacing: .03rem;
}
.multisite-child:not(.vauvaperhe):not(.intoa-isatyöhön) .site-description {
    color: #000!important;
    border-top: solid 1px #000;
}
div#title_background .title-wrapper {
    height: 50vh;
    min-height: 400px;
    position: relative;
}

div#title_background .main-title span {
    position: absolute;
    bottom: 1em;
    color: #fff;
    text-transform: uppercase;
    font-size: 3rem;
    font-weight: 900;
    line-height: 1;
}
.multisite-child:not(.vauvaperhe):not(.intoa-isatyöhön) div#title_background .main-title span {
    color: #000;
}
div#title_background span.vcard{
    position: relative;
    bottom: auto;
}
.header-meta {
    color: #fff;
    font-weight: 800;
}
.header-meta a{
    color: #fff;
    font-weight: 800;
}
.header-meta > span {
    margin: 0 1rem;
}
.breadcrumbs {
    position: relative;
    font-size: .9rem;
    padding: 5px;
    opacity: .5;
}

/* menu */
header#masthead {
    z-index: 10;
}
#site-header-menu>nav {
    display: inline-block;
    margin: 0;
    flex: 1 1 auto;
}
.site-header-menu {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex: 1 1 auto;
}
.main-navigation {
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 600;
}
.primary-menu {
    font-size: 1.3em;
    border-left: 2px #fff solid !important;
    border-right: 2px #fff solid !important;
    text-transform: uppercase;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 1em 0;
}
.multisite-child:not(.vauvaperhe):not(.intoa-isatyöhön) .primary-menu {
    border-left: 2px #000 solid !important;
    border-right: 2px #000 solid !important;
}
    .primary-menu li {
        
    }
    .main-navigation .menu-item a {
        color: #fff;
    }
    .multisite-child:not(.vauvaperhe):not(.intoa-isatyöhön) .main-navigation .menu-item a {
        color: #000;
    }
        span.menu_subtext {
            display: block;
            font-family: "The Girl Next Door", cursive;
            text-transform: lowercase;
            font-style: normal;
            font-weight: normal;
            font-size: 1.4rem;
        }
    
    .main-navigation .menu-item li {
        background: rgba(255,255,255,0.9);
    }
    .main-navigation .menu-item li:hover {
        background: rgba(245,245,245,0.9);
    }
    .main-navigation .menu-item li a {
        color: #00808b;
        font-size: 0.8em;
        text-transform: none;
        font-weight: 100;
    }
    .main-navigation .menu-item li a:hover {
        color: #ed7121;
    }
    .main-navigation ul ul ul a {
        width: 20em;
    }
    .multisite-child span.language_menu {
        display: none;
    }
    
    @media screen and (min-width: 56.875em){
        .main-navigation ul ul ul:before {
            right: -0.4em;
            top: 0.3em;
            content: '\f0da';
            color: #fff;
            font-family: FontAwesome;
        }
    }
    @media(max-width:1150px){
        span.language_menu {
            display: block;
            float: right;
            line-height: 3.25rem;
        }
        .multisite-child span.language_menu {
            display: none;
        }
        .main-navigation .menu-item a {
            padding: 1vw;
        }
        ul#menu-main {
            width: 110%;
            margin-left: -5%;
        }
    }

#top-right-menu {
    font-size: 1.3em;
    text-transform: uppercase;
    margin-left: 2em !important;
    margin-right: 1em !important;
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 600;
    line-height: 1;
    flex: 0 1 auto!important;
}
    #top-right-menu-first, #top-right-menu-second {
        margin-bottom: 1em;
    }
    #top-right-menu a {
        color: #fff;
    }
    .multisite-child:not(.vauvaperhe):not(.intoa-isatyöhön) #top-right-menu a {
        color: #000;
    }
    #top-right-menu a:hover {
        color: #008191;
    }
    #search_menu {
        font-size: 2em;
        position: relative;
        top: 0.13em;
        margin-right: 0.2em;
    }
    .language_menu a {
        width: 2em;
        height: 2em;
        display: inline-block;
        text-align: center;
        line-height: 2em;
        border-radius: 100%;
    }
    .language_menu a.current {
        border: 1px #fff solid;
    }
    .language_menu a.current:hover {
        border-color: #008191;
    }
    #header_search{
        display: none;
        width: 100%;
    }


/* entry content*/

.no-sidebar .entry-content {
    margin: 2rem auto;
    font-size: 1.4rem;
}
.home.no-sidebar .entry-content {
    margin: 0;
    font-size: 1rem;
}
.vc_btn3.vc_btn3-size-lg {
    font-size: 20px;
    font-weight: 700;
    box-shadow: none;
}
.entry-content blockquote {
    border: 0px;
    font-size: 1.6rem;
    font-weight: bold;
    color: inherit!important;
    line-height: 1.3;
    margin: 0!important;
    padding: 2em 0;
}
.entry-content .wp-block-separator {
    border: solid 1px #c2c2c2;
}
.entry-content .content-sidebar,
.entry-content .content-sidebar a {
    color: #fff;
}
.entry-content ul, .entry-summary ul, .comment-content ul, .entry-content ol, .entry-summary ol, .comment-content ol {
    margin-left: 1.25em;
}

/* Override Twentysixteen legacy table block styling */
.wp-block-table,
.wp-block-table.is-style-stripes table {
    border: 0!important;
}
.wp-block-table table:not(.has-fixed-layout) {
    table-layout: auto;
    width: 100%;
}

/* SINGLE */

body.single.no-sidebar:not(.search-results) article:not(.type-page) .entry-content,
body.single.no-sidebar:not(.search-results) article:not(.type-page) .entry-footer {
    float: left;
    margin-right: 0;
    margin-left: 0;
    width: 100%;
}
.single .entry-meta{
    display: none;
    clear: both;
    margin-bottom: 0rem;
    padding: 5px;
    font-size: 1rem;
    font-weight: bold;
    text-transform: uppercase;
}
.single .entry-meta .posted-on {
    /*color: #ababab;*/
}
.single.single-post .entry-meta,
.single.single-blogi .entry-meta {
    display: block;
}
.single .related_items{
    position: relative;
    width: 100%;
    clear: both;
    padding: 2rem 0;
}
.single .related_items_title{
    font-size: 1.5rem;
    color: #111;
    font-weight: 600;
}
.single .related_items_holder{
    position: relative;
    display: flex;
    flex-flow: nowrap;
    justify-content: flex-start;
    align-content: stretch;
}
.single .related_item{
    padding: 1em;
    background: #fff;
    flex: 1 1 33%;
    margin: 0 10px 0 0;
    border: solid 1px #e4e4e4;
    max-width: 33%;
}
.single .related_item:last-child{
    margin-right: 0;
}
.single .related_image_wrapper {
    height: 200px;
    margin-bottom: 1rem;
    background-size: cover;
    background-position: center center;
}
.single .related_item_title{
    color: #111;
    font-weight: 400;
    text-align: center;
    margin-bottom: 0.5em;
}
.entry-footer {
    font-family: inherit;
}

/* ARCHIVE */

.archive .flex,
.blog .flex{
    justify-content: flex-start;
    position: relative;
}
.archive .flex .hentry,
.blog .flex .hentry{
    padding: 1em;
    background: #fff;
    flex: 1 1 32%;
    margin: 0 1% 1% 0;
    border: solid 1px #e4e4e4;
    max-width: 32%;
}
.archive .article_image_wrapper,
.blog .article_image_wrapper {
    height: 200px;
    margin-bottom: 1rem;
    background-size: cover;
    background-position: center center;
}
.archive .article_item_excerpt,
.blog .article_item_excerpt {
    line-height: 1.4;
}
.archive #primary {
    float: none;
    margin: auto;
    width: 100%;
}


/* BLOGI */

.page-template-template-blogi .content-area,
.archive-blogi .content-area,
.archive.tag .content-area,
.single-blogi .content-area {
    float: left;
    margin-right: -100%;
    width: 70%;
}
.sidebar .blog_tags a,
.sidebar .blog_authors a,
.tagcloud a  {
    background: #dcddde;
    margin: .4em .3em 0 0;
    display: inline-block;
    padding: .2em .4em;
    color: #111;
    box-shadow: none;
    border: 0;
    border-radius: 0;
    font-family: inherit;
    line-height: 1.65;
    font-size: 1em!important;
}
.author-avatar .avatar {
    height: 100px;
    width: 100px;
}
.widget {
    border-top: 0;
}
.widget .widget-title {
    font-family: inherit;
}


/* TEMPLATE APUA */

.apua-nostot,
.apua-kaikki{
    position: relative;
    float: left;
    width: 100%;
    margin-bottom: 2.5rem;
}
.apua-kaikki .article-wrapper {
    display: flex;
    flex-flow: wrap;
    justify-content: flex-start;
    align-content: stretch;
}
.apua-kaikki h2{
    text-transform: uppercase;
    font-size: 2.5rem;
    font-weight: 900;
    color: #111;
    margin-bottom: 2rem;
    width: 48%;
    text-align: right;
    float: left;
    margin-right: 2%;
    margin-top: 0;
    line-height: 1em;
}
.apua-nostot article {
    display: block;
    float: left;
    width: 25%;
}
.apua-kaikki article {
    display: block;
    float: left;
    width: 33.3333%;
    margin-bottom: 1em;
}
.apua-nostot article:first-child {
    width: 50%;
}
.apua-nostot article .article-inner,
.apua-kaikki article .article-inner {
    margin: 5px;
    position: relative;
    background-color: #111;
}
.apua-nostot .col-image,
.apua-kaikki .col-image  {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-size: cover;
    background-position: center center;
    opacity: .65;
}
.apua-nostot .col-image:hover,
.apua-kaikki .col-image:hover {
    opacity: .4;
}
.apua-nostot .col-text,
.apua-kaikki .col-text {
    height: 1px;
    padding-top: 100%;
}
.apua-nostot .article-category,
.apua-kaikki .article-category{
    position: absolute;
    left: 0;
    background: #000;
    color: #fff;
    padding: 3px 10px;
    text-transform: uppercase;
    font-size: .9em;
}
.apua-nostot .article-category {
    top: 0;
}
.apua-kaikki .article-category{
    bottom: 0;
}
.apua-nostot .entry-title {
    position: absolute;
    bottom: 0;
    margin: 10px;
    font-size: 1.3em;
    font-weight: 400;
}
.apua-kaikki .entry-title {
    position: relative;
    margin: 10px;
    font-size: 1.1rem;
    font-weight: 600;
}
.apua-nostot .entry-title a{
    color: #fff;
    text-decoration: none;
}
.apua-yhteys{
    background: #e26c00;
    color: #fff;
    position: relative;
    width: 100%;
}
.apua-yhteys i.fa-angle-double-down {
    position: relative;
    top: 0.05em;
}
.apua-yhteys[jumpOnClick="false"] i.fa-angle-double-down {
    display: none;
}
.single .apua-yhteys{
    display: none;
}
.single.single-tarinat .apua-yhteys{
    display: block;
}
.apua-yhteys h2{
    text-align: center;
    font-size: 2.5em;
    font-weight: 700;
    margin: 0 0 1rem;
    transition: 1s all;
}
.apua-yhteys h3 {
    font-size: 1.5em;
    font-weight: 600;
}
.apua-yhteys .col-sijainti,
.apua-yhteys .col-yhdistykset {
    padding: 0 20px;
}
.apua-yhteys .yhdistys{
    display: none;
    background: rgba(255,255,255,0.1);
    padding: 1em;
    color: #fff;
    margin-bottom: 1em;
    height: auto !important;
}
    .apua-yhteys .yhdistys a {
        color: #fff;
    }
    .apua-yhteys .yhdistys-paivystys {
        font-weight: 400;
        line-height: 1.5em;
    }
    .apua-yhteys .yhdistys-paivystys a {
        font-size: 2em;
        line-height: 1.5em;
    }
.apua-yhteys .yhdistys.show{
    display: block;
}
.apua-yhteys .yhdistys.show .maakunta-title {
    display: none;
}
.apua-yhteys .yhdistys.show:first-of-type .maakunta-title {
    display: block;
}
.select-wrapper {
    position: relative;
}
.select-wrapper:after {
    content: '\f078';
    font-family: FontAwesome;
    color: #111;
    display: inline-block;
    position: absolute;
    right: 5px;
    top: 0;
    bottom: 0;
    padding: 5px 10px;
    pointer-events: none;
}
.apua-yhteys select.maakunta-dropdown {
    width: 100%;
    display: block;
    padding: 5px 20px 5px 10px;
    border: 0;
    border-radius: 0;
    font-weight: 300;
    position: relative;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    background: #fff;
    color: #111;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    cursor: pointer;
}
select::-ms-expand {
    display: none;
}
.apua-yhteys .col-grafiikka {
    text-align: center;
}
.apua-yhteys .col-grafiikka i {
    font-size: 16em;
}


/* apua cat selector */
.apua_kaikki_tarinat_head {
    display: inline-block;
    width: 100%;
}
.apua_cat_selector {
    margin-top: 0.45em;
    width: 50%;
    float: right;
}
    .apua_cat_selector .article-category {
        position: relative;
        display: inline-block;
        margin-right: 0.5em;
        margin-bottom: 0.5em;
        cursor: pointer;
    }
.apua_cat_selector .article-category:last-child {
    margin-right: 0;
}
.apua_cat_selector .article-category.selected {
    background: #ed7121;
}


/* VAIKUTA TEMPLATE */

.yhteys {
    background: #0d788a;
    padding: 2rem 0;
}
.yhteys .col-yhdistykset {
    
}
.yhteys .col-teksti {
    font-size: 1.5rem;
    line-height: 1.3;
}



/* ENSKA-LEHTI TEMPLATE */

.page-template-template-enska #title_background,
.page-template-template-enska .breadcrumbs,
.page-template-template-enska #some-share {
    display: none;
} 
.page-template-template-enska div#content {
    max-width: none;
    padding: 0;
} 
.page-template-template-enska .site-main,
.page-template-template-enska .no-sidebar .entry-content {
    margin-bottom: 0;
}
.page-template-template-enska .enska-header {
    position: relative;
    padding: 160px 1rem 2rem;
    text-align: center;
    background: #ffba31;
}
.page-template-template-enska .enska-header img{
    width: 100%;
    max-width: 400px;
}
.page-template-template-enska .enska-wrapper {
    position: relative;
}
.page-template-template-enska .enska-grid-item {
    position: relative;
    width: 50%;
    height: 400px;
    float: left;
    text-align: center;
    background-color: #111;
}
.page-template-template-enska .enska-grid-item:hover {
    opacity: .9;
}
.page-template-template-enska .enska-grid-item:first-child {
    width: 100%;
    height: 80vh;
    min-height: 600px;
}
.page-template-template-enska .enska-grid-item a{
    color: #fff;
}
.page-template-template-enska .enska-grid-item > a{
    display: block;
    height: 100%;
}
.enska-grid-item .image-bg{
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-size: cover;
    background-position: center center;
    opacity: .8;
}
.enska-grid-item .enska-inner{
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    color: #fff;
}
.page-template-template-enska .page.hentry {
    padding: 0 40px;
    width: 100%;
    max-width: 1180px;
    margin: auto;
}
.single-enska .background_contain{
    min-height: 100vh;
    position: relative;
}
.single-enska div#title_background .title-wrapper {
    height: auto;
    min-height: auto;
    max-width: none;
    text-align: center;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
.enska-grid-item .entry-title,
.enska-grid-item .header-meta {
    margin-bottom: 1rem;
}
.single-enska div#title_background span,
.enska-grid-item .header-meta span {
    position: relative;
    bottom: auto;
}
.enska-grid-item .header-meta span {
    display: inline-block!important;
    margin-bottom: 0!important;
}
.single-enska div#content {
    /*max-width: 980px;*/
}
.single-enska #some-share {
    position: absolute;
    top: 90vh;
    top: calc(100vh - 76px);
}
.single-enska .blog_tags + h3,
.single-enska .blog_authors {
    display: none;
}
.single-enska .back-home-btn {
    margin: 1rem 0 .5rem;
    display: inline-block;
}
.single-enska .back-home-btn i {
    vertical-align: middle;
    margin-right: .5rem;
}
.single-enska .footer-tags {
    margin: 0 0 4rem;
    position: relative;
}
.single-enska .footer-tags > a{
    background: #dcddde;
    margin: .4em .3em 0 0;
    display: inline-block;
    padding: .2em .4em;
    color: #111;
    box-shadow: none;
    border: 0;
    border-radius: 0;
    font-family: inherit;
    line-height: 1.65;
    font-size: 1em!important;
}

.single-enska .post-navigation {
    border-top: 2px solid #1a1a1a;
    border-bottom: 2px solid #1a1a1a;
    clear: both;
    font-family: inherit;
}
.single-enska .post-navigation .meta-nav {
    margin-bottom: 0;
}
.single-enska .post-navigation .post-title {
    font-family: inherit;
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.2173913043;
    text-rendering: optimizeLegibility;
}
.single-enska .post-navigation div + div {
    border-top: 0;
}
.single-enska .nav-links {

}
.single-enska .nav-links .nav-previous,
.single-enska .nav-links .nav-next{
    width: 50%;
    display: inline-block;
    position: relative;
}
.single-enska .nav-links .nav-next {
    text-align: right;
}
.single-enska .nav-links .nav-next a:before,
.single-enska .nav-links .nav-previous a:before {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    font-size: 2em;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}
.single-enska .nav-links .nav-next a {
    padding-right: 3rem;
}
.single-enska .nav-links .nav-next a:before {
    content: "\f18e";
    right: 0;
}
.single-enska .nav-links .nav-next:hover a:before {
    right: -10px;
}
.single-enska .nav-links .nav-previous a {
    padding-left: 3rem;
}
.single-enska .nav-links .nav-previous a:before {
    content: "\f190";
    left: 0;
}
.single-enska .nav-links .nav-previous:hover a:before {
    left: -10px;
}
@media screen and (min-width: 44.375em) {
    .single-enska .site-main > article {
        margin-bottom: 4rem;
    }
}
@media screen and (min-width: 56.875em) {
    .single-enska .content-area {
        float: left;
        margin-right: -100%;
        width: 70%;
    }
}


/* full height row */
body .vc_row-o-full-height {
    min-height: 90vh !important;
    background-position: top !important;
}
    .full_height_row_shroud {
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        background: linear-gradient(rgba(0,0,0, 1) 0px,rgba(0,0,0, 0.33) 150px);
    }
    .multisite-child:not(.vauvaperhe):not(.intoa-isatyöhön) .full_height_row_shroud {
        background: linear-gradient(rgba(255,255,255, 1) 0px,rgba(255,255,255, 0.33) 150px);
    }
    .vc_row-o-full-height h1{
        margin-bottom: 10px;
    }
    .vc_row-o-full-height p {
        font-size: 1.4rem;
    }


/* footer */

.site-footer {
    padding: 2rem 0;
    background: #1A1A1A;
    color: #fff;
}
.site-footer a{
    color: #fff;
}
.footer-sidebar .widget {
    border-top: 0;
    width: 25%;
    float: left;
    font-size: .9rem;
    padding: 15px;
}
.footer-sidebar .widget ul {
    margin: 0;
    list-style-type: none;
}
.site-info {
    text-align: center;
    margin-top: 2rem;
}
#menu-footer-some li {
    display: inline-block;
    font-size: 2rem;
}
#menu-footer-some a {
    display: inline-block;
    padding: 0 10px;
}
#menu-footer-some .fa {
    color: #fff;
}
.site-footer .site-title:after {
    display: none;
}
#kayttajakysely-link {
    bottom: 0;
    height: 50px;
    right: 300px;
    transition: all 0.5s ease;
    background-color: #007acc;
    display: block;
    max-height: 100%;
    position: fixed;
    z-index: 99999;
    text-align: center;
}

#ajanvaraus-button {
	/* display: hidden; */
	bottom: 0;
    height: 50px;
    right: 300px;
    transition: all 0.5s ease;
    background-color: #007acc;
    display: block;
    max-height: 100%;
    position: fixed;
    z-index: 99999;
    text-align: center;
}

.site-id-21 #kayttajakysely-link {
    right: 330px;
}

#kayttajakysely-link a, #ajanvaraus-button a {
    font-size: 18px;
    font-weight: 700;
    height: 50px;
    line-height: 50px;
    padding: 0 10px;
    position: relative;
    display: block;
    color: #fff;
}

@media (max-width: 580px) {
    #kayttajakysely-link {
        bottom: unset;
        right: 0;
        height: auto;
        width: 100%;
        text-align: left;
	}
	#ajanvaraus-button {
		/*display: none;*/
        position: fixed;
        width: 100%;
        left: 0;
        bottom: 50px;
	}
    .site-id-21 #kayttajakysely-link {
        right:0;
        top:0;
    }
    .site-id-21 #kayttajakysely-link a {font-size:16px;}
}

@media(max-width: 800px) {
    #ajanvaraus-button {
		/*display: none;*/
        position: fixed;
        width: 100%;
        left: 0;
        bottom: 50px;
	}
}

/* frontpage */
body.home header.entry-header {
    display: none;
}
.home #some-share {
    position: absolute;
    top: 83vh;
    z-index: 1;
}
.home #some-share .fa {
    box-shadow: 0 0 10px 0 rgba(0,0,0,0.25);
}


/* ASIANTUNTIJAT SHORTCODE */
.asiantuntijat_tyoryhma_container {
    display: inline-block;
    width: 100%;
}
.asiantuntijat_tyoryhma_container .tyoryhma_name {
    margin: 0 !important;
    font-weight: 400 !important;
}
.asiantuntija {
    background: #f4f4f4;
    text-align: center;
}
.asiantuntija-title {
    font-size: 1.5em !important;
    font-weight: 600 !important;
    line-height: 1.3em;
    margin-bottom: 1em;
}
.multisite-child .asiantuntija-title {
    margin-top: 1em;
}
.asiantuntija>* {
    margin-left: 0.75em !important;
    margin-right: 0.75em !important;
}
.asiantuntija>*:first-child {
    margin-top: 0.75em !important;
}
.asiantuntija>*:last-child {
    margin-bottom: 0.75em !important;
}
.asiantuntija a {
    box-shadow: none !important;
}
.asiantuntijat-shortcode-wrapper .asiantuntija.col-2:nth-child(2n):after, 
.asiantuntijat-shortcode-wrapper .asiantuntija.col-3:nth-child(3n):after, 
.asiantuntijat-shortcode-wrapper .asiantuntija.col-4:nth-child(4n):after {
    content: "";
    display: table;
    clear: both;
}
.asiantuntija_image {
    width: 100%;
    max-width: 150px;
    height: 150px;
    border-radius: 100%;
    display: inline-block;
}
.multisite-child .asiantuntija_image {
    display: none;
}
.asiantuntija-content {
    font-style: italic;
    font-size: 1.1em;
    margin-bottom: 1em;
}
.asiantuntijat_tyoryhma_container .some-wrapper {
    font-size: 1.5rem;
    margin-bottom: 1rem;
}
.asiantuntijat_tyoryhma_container .some-wrapper a {
    color: #373a3c;
    display: inline-block;
    margin-right: 1rem;
    text-decoration: none;
    box-shadow: none;
}
.asiantuntijat_tyoryhma_container .some-wrapper a:last-child{
    margin-right: 0;
}
.asiantuntija-palvelut {
    margin-top: 0.5em;
    line-height: 1.3em;
}
.asiantuntija-email {
    font-size: 0.75em;
}

.asiantuntija-paivystys {
    font-weight: 600;
}

@media(max-width: 799px) {
    .asiantuntija {
        max-width: 100%;
        height: auto!important;
    }
}

/* YHDISTYKSET SHORTCODE */

.yhdistykset-shortcode-wrapper.paivystys-true a {
    text-decoration: underline;
}
.yhdistys {
    background: #f4f4f4;
    text-align: center;
}
.yhdistys>* {
    margin-left: 0.75em !important;
    margin-right: 0.75em !important;
}
.yhdistys>*:first-child {
    margin-top: 0.75em !important;
}
.yhdistys>*:last-child {
    margin-bottom: 0.75em !important;
}
.yhdistys-title {
    font-size: 1.1em !important;
    font-weight: 600 !important;
}
.field {
    line-height: 1.3em;
    margin-bottom: 0.5em;
}
.yhdistys a {
    box-shadow: none !important;
}
.yhdistykset-shortcode-wrapper .yhdistys .some-wrapper {
    font-size: 1.5rem;
    margin-bottom: 1rem;
}
.yhdistykset-shortcode-wrapper .yhdistys .some-wrapper a {
    color: #373a3c;
    display: inline-block;
    margin-right: 1rem;
    text-decoration: none;
    box-shadow: none;
}
.yhdistykset-shortcode-wrapper .yhdistys a:last-child{
    margin-right: 0;
}
.yhdistys-palvelut {
    margin-top: 0.5em;
    line-height: 1.3em;
}
.yhdistys-email {
    font-size: 0.75em;
}

.yhdistys-paivystys {
    font-weight: 600;
}
.yhdistys-paivystys a {
    display: inline-block;
}

.some-wrapper {
    margin-top: 0.5em;
}
.some-icons {
    margin-bottom: 1em;
}
.some-icons a {
    box-shadow: none;
}
.some-icons .fa {
    margin: 0.1em;
    font-size: 28px;
    border-radius: 100%;
    width: 50px;
    height: 50px;
    line-height: 50px;
}
.some-icons .fa:hover {
    color:#ccc;
}



/* yhteystiedot */

body.page-yhteystiedot div#some-share {
    z-index: 1;
    position: relative;
}
body.page-yhteystiedot #title_background {
    z-index: 1;
}
body.page-yhteystiedot .breadcrumbs {
    z-index: 1;
}
    body.page-yhteystiedot div#primary {
        margin-top: -9em;
    }
        body.page-yhteystiedot .entry-content .vc_row:first-child {
            padding-top: 5em;
            padding-bottom: 5em;
        }
    body.page-yhteystiedot .entry-content {
        margin-bottom: 0 !important;
    }
body.page-yhteystiedot main#main {
    margin-bottom: 0;
}


/* 
EROPALVELUT KARTTA
*/

.kartta-svg {
    width: 33%;
    float: left;
    padding-right: 2rem;
    position: relative;
    height: 630px; /* add svg continer height to fix IE bug */
}
.kartta-content {
    width: 66%;
    float: left;
}
.suomi-svg {
    -webkit-filter: drop-shadow( 0 0 7px rgba(0, 0, 0, 0.5) );
    filter: drop-shadow( 0 0 7px rgba(0, 0, 0, 0.5) );
    margin-bottom: 1rem;
}
.suomi-svg #dots > g {
    pointer-events: all;
    cursor: pointer;
    -webkit-transition: all 100ms ease-in-out;
    -moz-transition: all 100ms ease-in-out;
    -ms-transition: all 100ms ease-in-out;
    -o-transition: all 100ms ease-in-out;
    transition: all 100ms ease-in-out;
    transform-box: fill-box;
    -moz-transform-origin: bottom;
    -ms-transform-origin:  bottom;
    -o-transform-origin: bottom;
    -webkit-transform-origin:  bottom;
    transform-origin: bottom;
}
.suomi-svg #dots > g:hover,
.suomi-svg  #dots > g.selected {
    -moz-transform: scale(1.5);
    -webkit-transform: scale(1.5);
    -o-transform: scale(1.5);
    -ms-transform: scale(1.5);
    transform: scale(1.5);
}

.select-box label {
    margin-right: 1rem;
}
.select2-container {
    min-width: 150px!important;
}
.select2-container--default .select2-selection--single {
    background-color: #fff!important;
    border: 0!important;
    box-shadow: 0px 2px 5px #acacac!important;
    border-radius: 0!important;
}
.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #008191!important;
}
.select2-dropdown {
    border-radius: 0!important;
}


.page-template-template-eropalvelut .site-main > article {
    margin-bottom: 0;
}
.toimipisteet-row .block {
    font-size: 1.1rem;
    display: none;
}
.toimipisteet-row .block.selected {
    display: block;
}
/*.toimipisteet-row .block.selected ~ .block.selected .sijainti-title {
    display: none;
}*/
.toimipisteet-row .block .info-block {
    padding: 1rem;
    margin-bottom: 1rem;
    background-color: #008191;
    color: #fff;
    columns: 2;
}
.toimipisteet-row .block .info-block a {
    color: #fff;
}
.toimipisteet-row .block .content-block {
    padding: 1rem;
    margin-bottom: 1rem;
    word-wrap: break-word;
    background-color: #F4F4F4;
    color: #333333;
    /*box-shadow: rgba(0,0,0,0.16) 0 3px 6px;*/
}
.toimipisteet-row .block h3{
    color: #00808A;
}
.toimipisteet-row .block p{
    margin-bottom: 0;
}
#dots .selected {
    box-shadow: rgba(0,0,0,0.16) 0 3px 6px;
}


/* ====================================

                Form

======================================= */

/* Adjusting font size */

.visual-form-builder ul, 
.entry-content .visual-form-builder ul, 
.comment-content .visual-form-builder ul, 
.mu_register .visual-form-builder ul, 
.visual-form-builder ol, 
.entry-content .visual-form-builder ol, 
.comment-content .visual-form-builder ol, 
.mu_register .visual-form-builder ol {
    font-size: 1rem;
}

.visual-form-builder .vfb-legend {
    border-bottom: 0px solid #b8311a;
}
.visual-form-builder .vfb-legend h3 {
    font-size: 1.4rem;
    font-weight: bold;
    color: #009bab;
}

/* Coloring the form */

input.vfb-text, input[type="text"].vfb-text, input[type="tel"].vfb-text, input[type="email"].vfb-text, input[type="url"].vfb-text, textarea.vfb-textarea {
    border: 0px solid #ed7121;
    background: none repeat scroll 0 0 #e3e3e3;
}

/* Removing rounded shape from the form */

.visual-form-builder fieldset {
    border: 0px;
    border-radius: 0px;
    background-color: #f4f4f4;
}

.visual-form-builder input {
    border-radius: 0px!important;
}

textarea.vfb-textarea {
    border-radius: 0px;
}


/* Rearranging Osoite fields */

li.vfb-item.vfb-item-address span.vfb-span {
    position: absolute;
    margin-top: -25px;
    text-align: right;
    right: 30px;
}

li.vfb-item.vfb-item-address span.vfb-full {
    display: block;
    margin-bottom: 15px;
}
li.vfb-item.vfb-item-address span.vfb-full input {
    float: right;
    width: 80%;
    margin-top: 3px;
}

li.vfb-item.vfb-item-address span.vfb-full label {
    display: inline-block;
    width: 20%;
    padding-right: 10px;
}

li.vfb-item.vfb-item-address span.vfb-left {
    display: block;
    float: none;
    width: 100%;
    margin-bottom: 15px;
}

li.vfb-item.vfb-item-address span.vfb-left input {
    float: right;
    width: 80%!important;
    margin-top: 3px;
}

li.vfb-item.vfb-item-address span.vfb-left label {
    display: inline-block;
    padding-right: 10px;
    width: 20%;
}


/* Hiding unnecessary fields under Osoite */

li.vfb-item.vfb-item-address span.vfb-right{
    visibility: hidden;
    display: none;
}



@media screen and (min-width: 56.875em){
    .sidebar {
        float: left;
        margin-left: 76%;
        padding: 0;
        width: 24%;
    }
}


/* Media querying for devices with small screen */


@media(max-width: 1199px){
    .primary-menu {
        padding: 0;
        font-size: 1.1em;
        justify-content: flex-start;
    }
    .post_thumbbox.col-3 {
        width: 32%;
    }
    #content .post_thumbbox.col-3:last-child {
        margin-right: 0;
        margin-left: 2%;
    }
}
@media(max-width: 1023px){
    
	.dropdown-toggle,
	.main-navigation ul .dropdown-toggle.toggled-on,
	.menu-toggle,
	.site-header .social-navigation,
	.site-footer .main-navigation {
		display: inherit;
	}
    
    
    
    
    
    
    /* MENU GFX */
    
    
    /* generics */
    .main-navigation li {
        width: 100%;
    }
    ul#menu-main {
        border: 0 !important;
    }
    ul#menu-main ul {
        display: block;
        position: relative;
        left: auto;
        padding: 1em;
        margin: 0;
    }
    ul#menu-main ul:before, ul#menu-main ul:after {
        display: none;
    }
    ul#menu-main li:hover a {
        color: #fff;
    }
    ul#menu-main a:hover {
        color: #ddd !important;
    }



/* menu-pyramid */

ul#menu-main>li {
    margin-bottom: 1em;
    padding-bottom: 1em;
}
ul#menu-main>li:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
}
    ul#menu-main>li>a {
        background: #00808c;
        display: inline-block;
        padding: 1em 2em 0.5em;
        min-width: 250px;
    }
    ul#menu-main>li>ul {
        background: #00808c;
    }
        ul#menu-main .menu-item li, ul#menu-main .menu-item li:hover {
            background: transparent;
        }
        ul#menu-main ul li {
            width: auto;
            display: inline-block;
            margin: 0.5em;
            border: 0;
        }
            ul#menu-main ul a {
                width: 200px;
                display: inline-block;
                color: #fff;
                background: #009bab;
                padding: 1em;
            }
                ul#menu-main ul ul {
                    right: auto;
                    background: #009bab;
                }
                    ul#menu-main ul ul a {
                        background: #15abc7;
                        width: 180px;
                    }

                    
                    
                    
                    
                    
    .site-header-menu {
        display: none;
        background: rgba(0, 0, 0, 0.75);
        margin: 0 -17px;
    }
    .page-template-template-blogi .content-area,
    .archive-blogi .content-area,
    .archive.tag .content-area,
    .single-blogi .content-area {
        float: none;
        margin-right: 0;
        width: 100%;
    }
    .site-header-main {
        display: block;
    }
    .site-branding {
        max-width: 50%;
        float: left;
    }
    .site-description {
        display: none;
    }
    #site-header-menu>nav {
        display: block;
        margin: 1rem;
        clear: both;
    }
    .primary-menu {
        display: block;
        text-align: center;
    }
    #top-right-menu {
        text-align: center;
        padding: 1em 0 2em;
    }
    #header_search {
        width: auto;
        max-width: 100%;
        clear: both;
        margin: 15px;
    }
    
    .apua-nostot article {
        width: 33.3333%;
    }
    
    .apua-nostot article:first-child {
        width: 66.5%;
    }
    .footer-sidebar {
        margin-bottom: 4rem;
    }
    .footer-sidebar .widget {
        width: 50%;
    }
}
@media(max-width: 799px){
    
    .home .vc_row-o-full-height .vc_column-inner {
        margin-top: 100px!important;
    }
    .vc_row-o-full-height p {
        font-size: 1.2rem;
    }
    .entry-content h1 {
        font-size: 2.5rem;
    }
    div#title_background .main-title span {
        font-size: 2rem;
        word-break: break-word;
    }
    div#content, 
    div#title_background .title-wrapper {
        /* padding: 0px 10px; */
    }
    div#title_background h1 {
        line-height: 1.2;
    }
    .post_thumbbox.col-3 {
        width: 100%;
        flex: 0;
        max-width: 100%;
    }
    #content .post_thumbbox.col-3:last-child {
        margin-left: 0;
    }
    
    .apua-nostot article {
        width: 50%;
    }
    
    .apua-nostot article:first-child {
        width: 100%;
    }
    .apua-nostot .entry-title {
        font-size: 1.1em;
        word-break: break-all;
    }
    .apua-kaikki .entry-title {
        font-size: .9rem;
        word-break: break-all;
    }
    .apua-kaikki .article-category {
        font-size: .8rem;
        word-break: break-all;
    }
    .apua-yhteys h2,
    .apua-kaikki h2  {
        font-size: 1.6em;
        line-height: 1;
        margin: 0.5em 0;
    }
    .archive .flex .hentry,
    .blog .flex .hentry{
        flex: 1 1 49%;
        max-width: 49%;
    }
}

@media all and (max-width: 600px) {
    input.vfb-medium, input[type="text"].vfb-medium, input[type="tel"].vfb-medium, input[type="email"].vfb-medium, input[type="url"].vfb-medium, select.vfb-medium {
        width: 100%;
    }
    li.vfb-item.vfb-item-address span.vfb-full label {
        width: 100%;
    }
    li.vfb-item.vfb-item-address span.vfb-left label {
        width: 100%;
    }
    li.vfb-item.vfb-item-address span.vfb-full input {
        width: 100%;
        margin-top: 0px;
    }
    li.vfb-item.vfb-item-address span.vfb-left input {
        width: 100%!important;
        margin-top: 0px;
    }
    .kartta-svg,
    .kartta-content {
        width: 100%;
        margin-bottom: 2rem;
    }
    .suomi-svg {
        max-width: 300px;
    }
}
@media(max-width: 540px){

.apua_kaikki_tarinat_head {
    margin-bottom: 1em;
}
.apua_cat_selector {
    margin-top: 0;
    width: 100%;
}
    .apua-kaikki h2{
        text-align: left;
        width: 100%;
        margin-bottom: 10px;
    }
    .apua-nostot article .article-inner, 
    .apua-kaikki article .article-inner {
        margin: 2px;
    }
    .apua-yhteys .col-sijainti,
    .apua-yhteys .col-yhdistykset {
        padding: 0px;
    }
    .apua-yhteys .col-grafiikka {
        display: none;
    }
    .apua-kaikki article {
        width: 50%;
    }
    .single .related_items_title {
        font-size: 1.2rem;
    }
    .single .related_items_holder {
        flex-direction: column;
    }
    .single .related_item {
        max-width: 100%;
        margin-bottom: 10px;
        margin-right: 0px;
    }
    .footer-sidebar .widget {
        width: 100%;
        float: none;
    }
    .site-footer .main-navigation {
        margin: 2rem 0;
    }

    .page-template-template-enska .enska-grid-item {
        width: 100%;
    }
    .toimipisteet-row .block .info-block {
        columns: 1;
    }
    .archive .flex .hentry,
    .blog .flex .hentry{
        flex: 1 1 100%;
        max-width: 100%;
        margin-right: 0;
    }
}

@media(max-width: 460px){
    .single-enska .nav-links .nav-previous,
    .single-enska .nav-links .nav-next{
        width: 100%;
    }
}

.home #signup-content{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    text-align: center;
    background-color: #0c0c0c !important;
    background-image: url('./img/tumma-taustakuva-login.jpg');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    background-attachment: fixed;
    margin: 0;
    padding-top: 10%;
    z-index: 999;
}

.home #signup-content .wp-activate-container{
    padding: 2em;
    background: rgba(255,255,255,.7);
    max-width: 500px;
    margin: 0 auto;
    font-family: "Open Sans",sans-serif;
}

/* Kampanjasivupohja page-id-297 */

.page-id-297 #title_background {
    height: 100vh;
}

.page-id-297 #title_background:before,
.page-id-297.wp-custom-logo .site-header-main .site-header-menu,
.page-id-297.wp-custom-logo .site-header-main .site-description,
.page-id-297 div#title_background .title-wrapper,
.page-id-297 .breadcrumbs,
.page-id-297 #kayttajakysely-link,
.page-id-297 #ninchat-etkl.ninchat-embed-container.ninchat-bottom,
.page-id-297 #some-share {
    display: none;
}

.page-id-297 main > article > .entry-content {
    margin-top: 0;
}

.page-id-297  #primary *:not(".ssba a") {
    font-family: "Poppins", "Montserrat", "Helvetica Neue", sans-serif;
}

.page-id-297 .entry-content > .vc_row.overlay-over-header:first-child {
    height: 100vh;
    position: absolute;
    top: -100vh;
    width: 100%;
    display: block;
    margin-left: -10px;
    margin-right: -10px;
    width: calc(100% + 20px);
}

.page-id-297 .entry-content > .vc_row.overlay-over-header:first-child > .wpb_column{
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    transform: translateY(-50%);
    display: block;
}

.page-id-297 .entry-content > .vc_row.overlay-over-header:first-child > .wpb_column * {
    color: #fff;
    text-align: center;
}

.page-id-297 .entry-content > .vc_row.overlay-over-header:first-child > .wpb_column h1 {
    text-transform: none;
}

.page-id-297 .entry-content > .vc_row.overlay-over-header:first-child > .wpb_column .vc_btn3-container {
    margin-bottom: 35px;
}

.page-id-297 .entry-content > .vc_row.overlay-over-header:first-child > .wpb_column .vc_btn3.vc_btn3-color-white.vc_btn3-style-outline:hover {
    color: #666;
    border-color: #FFF;
    background-color: #FFF;
}

.page-id-297 .ssba > div {
    text-align: center!important;
}

@media (max-width: 1023px) {}
.page-id-297 .menu-toggle {
    display: none;
}

/* Apua sinulle CTA */

.page-template-template-apua .vc_general.vc_cta3 {
    min-height: 15em;
}

.page-template-template-apua .vc_general.vc_cta3 .vc_cta3_content-container {
    background: rgba(0,0,0,.4);
    position: absolute;
    top: 0;
    left: 0;
    margin: 0 15px;
    width: calc(100% - 30px);
    height: calc(100% - 35px);
}

.page-template-template-apua .vc_cta3-actions{
    position: absolute;
    /*left: 15px;*/
    left: 0;
    top: 0;
}

.page-template-template-apua .vc_cta3-actions a {
    text-transform: uppercase;
    font-size: 1em;
    padding: .5em;
}

.page-template-template-apua .vc_cta3-actions .vc_btn3.vc_btn3-color-peacoc.vc_btn3-style-modern{
    border-color: #008191;
    background-color: #008191;
}

.page-template-template-apua .vc_cta3-actions a.vc_btn3.vc_btn3-size-md.vc_btn3-icon-right:not(.vc_btn3-o-empty) {
    padding-right: 2em;
}

.page-template-template-apua .vc_cta3-content {
    position: absolute;
    /*bottom: 35px;*/
    bottom: 0;
    /*padding: 1em 28px;*/
    padding: 1em 0;
    left: 0;
    margin: 1em 15px;
    /*background: rgba(0,0,0,.4);*/
    margin-bottom: 0;
}

.page-template-template-apua .vc_cta3-content p, .page-template-template-apua .vc_cta3-content p a {
    color: #fff;
    line-height: 1;
}

/***************************\
Kampanjasivu template styles
\*************************/

.page-template-template-kampanjasivu #title_background {
    height: 100vh;
}

.page-template-template-kampanjasivu #title_background:before,
.page-template-template-kampanjasivu.wp-custom-logo .site-header-main .site-header-menu,
.page-template-template-kampanjasivu.wp-custom-logo .site-header-main .site-description,
.page-template-template-kampanjasivu div#title_background .title-wrapper,
.page-template-template-kampanjasivu .breadcrumbs,
.page-template-template-kampanjasivu #kayttajakysely-link,
.page-template-template-kampanjasivu #ninchat-etkl.ninchat-embed-container.ninchat-bottom,
.page-template-template-kampanjasivu #some-share {
    display: none;
}

.page-template-template-kampanjasivu main > article > .entry-content {
    margin-top: 0;
}

.page-template-template-kampanjasivu  #primary *:not(".ssba a") {
    font-family: "Poppins", "Montserrat", "Helvetica Neue", sans-serif;
}

.page-template-template-kampanjasivu .entry-content .overlay-over-header {
    height: 100vh;
    position: absolute;
    top: -100vh;
    width: 100%;
    display: block;
    margin-left: -10px;
    margin-right: -10px;
    width: calc(100% + 20px);
}

.page-template-template-kampanjasivu .entry-content > .overlay-over-header.wp-block-cover {
    width: 100vw;
    margin-left: calc(50% - 50vw)
}
.page-template-template-kampanjasivu .entry-content > .overlay-over-header .wp-block-group__inner-container,
.page-template-template-kampanjasivu .entry-content > .overlay-over-header .wp-block-cover__inner-container {
    top: 50vh;
	position: relative;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    transform: translateY(-50%);
    display: block;
}

.page-template-template-kampanjasivu .entry-content > .overlay-over-header:first-child > * {
    color: #fff;
    text-align: center;
}

.page-template-template-kampanjasivu .entry-content > .overlay-over-header:first-child > h1 {
    text-transform: none;
}

.page-template-template-kampanjasivu .entry-content > .overlay-over-header:first-child .wp-block-buttons {
    margin-bottom: 35px;
}

.page-template-template-kampanjasivu .entry-content > .overlay-over-header .wp-block-button__link {
	color: white;
	border-radius: 0;
    border: solid 1px white;
    background-color: #ffffff00;
	transition: all 0.3s ease-in-out;
    font-family: inherit;
    text-transform: none;
    padding: 17px 24px;
    font-size: 1rem;
}

.page-template-template-kampanjasivu .entry-content > .overlay-over-header .wp-block-button__link:hover {
    color: #666;
    border-color: #FFF;
    background-color: #FFF;
    text-decoration: none;
}

.page-template-template-kampanjasivu .ssba > div {
    text-align: center!important;
}

@media (max-width: 1023px) {}
.page-template-template-kampanjasivu .menu-toggle {
    display: none;
}
.some-section {
	background-image: url('https://etkl.qa.web-veistamo.fi/wp-content/uploads/2016/04/blur-tausta.jpg?id=183') !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
}
.wp-block-group {
    margin-bottom: 2em !important;
}
.cta {
    margin-bottom: 2em;
}
.wp-block-group.has-background.alignfull {
	padding-left: 20%;
	padding-right: 20%;
}

.woocommerce .col2-set .col-1, .woocommerce-page .col2-set .col-1 {
    float: left;
    width: 100%;
    max-width: 100%;
}

.woocommerce .col2-set .col-2, .woocommerce-page .col2-set .col-2 {
    float: right;
    width: 100%;
    max-width: 100%;
}

.multisite-child #top-right-menu-third-mobile.mobile-donation-link {
    position: absolute;
    right: 0;
    float: right;
    margin: 126px 16px 0;
    display: none;
}

@media (max-width: 1023px) {
    .multisite-child #top-right-menu-third-mobile.mobile-donation-link {
        display: block;
        z-index: 999;
    }
}

.multisite-child #top-right-menu-third, .multisite-child #top-right-menu-third-mobile{
    background: #F27121;
    padding: 1rem;
    text-align: center;
}

.multisite-child #top-right-menu-third-mobile.mobile-donation-link{
    position: absolute;
    right: 0;
    float: right;
    margin: 126px 16px 0;
    display: none;
}
.multisite-child #top-right-menu-third a#donation_menu,
.multisite-child #top-right-menu-third-mobile.mobile-donation-link a{
    color: #fff;
    font-weight: 600;
}

@media (max-width: 1023px) {
    .multisite-child #top-right-menu-third-mobile.mobile-donation-link {
        display: block;
        z-index: 999;
    }
}

.multisite-child #top-right-menu a {
    color: #fff;
}