/*@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;
}*/

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;
}
button {
    color: #fff;
}

.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: 900;
}
.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;
}
body a:hover>.nopea-ohjeet {
    transition-property: none;
}
.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: -webkit-box!important;
    display: -webkit-flex!important;
    display: -ms-flexbox!important;
    display: flex!important;
    -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);
}
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;
}

/* nopea poistuminen */
.nopea-poistuminen-container {
    position: fixed;
    z-index: 20;
    width: 215px;
    right: 8%;
    background-color: #F5B027;
    box-shadow: 0px 0px 7px #6d6d6d;
}
.nopea-poistuminen {
    color: white;
    border-bottom: 1px solid white;
    padding-bottom: 10px;
    cursor: pointer;
}
.nopea-poistuminen:hover {
    background-color: #EB7121;
}
.nopea-poistuminen span {
    display: block;
    width: 170px;
    padding-top: 10px;
    padding-left: 22px;
    line-height: 110%;
    font-size: 23px;
    font-family: 'Source Sans Pro', sans-serif;
}
.nopea-poistuminen i.fa.fa-sign-out {
    position: absolute;
    top: 15px;
    right: 10px;
    font-size: 35px;
}
.nopea-ohjeet {
    padding: 7px;
    color: white;
    text-align: center;
    font-size: 13px;
    cursor: pointer;
}
.nopea-ohjeet:hover {
    background-color: #EB7121;
}
.nopea-ohjeet i.fa.fa-info-circle {
    margin-right: 3px;
}
.nopea-poistuminen + a:hover {
    text-decoration: none;
}
.nopea-ohjeet > span {
    font-family: 'Source Sans Pro', sans-serif;
}
/* search */

#hero_search {
    position: relative;
    max-width: 500px;
    margin: 0 auto;
}
#hero_search input{
    width: 100%;
    border-radius: 100px;
    padding: .75rem 1.5rem;
}
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 */
.post_thumbbox {
    padding: 1em;
    background: #fff;
    display: block;
    width: 32%;
}
.post_thumbbox.col-3 {
    width: 32%;
    max-width: 32%;
}
    .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;
        font-family: 'Source Sans Pro', sans-serif;
    }
    .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;
}

/* visual composer custom color */

.vc_btn3.vc_btn3-color-orange, .vc_btn3.vc_btn3-color-orange {
    background-color: #EB7121!important;
}
.vc_btn3.vc_btn3-color-chino, .vc_btn3.vc_btn3-color-chino {
    background-color: #F5B027!important;
}

/**
 * Owl Carousel v2.2.1
 * Copyright 2013-2017 David Deutsch
 * Licensed under  ()
 */
/*
 *  Default theme - Owl Carousel CSS File
 */
.owl-stage {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 1rem 0;
}
.owl-theme .owl-nav {
  text-align: center;
  -webkit-tap-highlight-color: transparent;
    margin-top: 0;
    position: absolute;
    top: 50%;
    width: 100%;
    height: 1px; }
  .owl-theme .owl-nav [class*='owl-'] {
    color: #f27121;
    background: transparent;
    display: inline-block;
    margin-top: -34px;
    cursor: pointer;
    font-size: 2rem;
    padding: 1rem;
    border: solid 2px #f27121;
    border-radius: 100%;}
    .owl-theme .owl-nav [class*='owl-']:hover {
      opacity: .8;
      text-decoration: none; }
  .owl-theme .owl-nav .disabled {
    opacity: 0.5;
    cursor: default; }
.owl-nav .owl-prev {
    float: left;
    margin-left: -70px;
}
.owl-nav .owl-next {
    float: right;
    margin-right: -70px;
}
.owl-theme .owl-nav.disabled + .owl-dots {
  margin-top: 10px; }

.owl-theme .owl-dots {
  text-align: center;
  -webkit-tap-highlight-color: transparent;
  display: none; }
  .owl-theme .owl-dots .owl-dot {
    display: inline-block;
    zoom: 1;
    *display: inline; }
    .owl-theme .owl-dots .owl-dot span {
      width: 10px;
      height: 10px;
      margin: 5px 7px;
      background: #D6D6D6;
      display: block;
      -webkit-backface-visibility: visible;
      transition: opacity 200ms ease;
      border-radius: 30px; }
    .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
      background: #869791; }



/* 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 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;
        }

/* frontpage call to action */
div#nettiturvakoti-cta {
    font-size: 16px;
}
div#nettiturvakoti-cta .vc_general.vc_cta3.vc_cta3-style-classic, .vc_general.vc_cta3.vc_cta3-style-custom {
    border-color: transparent;
    background-color: transparent;
}

div#nettiturvakoti-cta .vc_icon_element-icon.fa {
	font-size: 5em!important;
}
div#nettiturvakoti-cta .vc_cta3-content p {
    font-size: 1.8em;
    color: white;
    line-height: 115%;
    max-width: 200px;
    margin: 0 auto;
}
div#nettiturvakoti-cta section.vc_cta3-container {
	-webkit-transition: 0.3s background-color;
	-o-transition: 0.3s background-color;
	transition: 0.3s background-color;
	cursor: pointer;
}
div#nettiturvakoti-cta section.vc_cta3-container:hover {
	background-color: #EB7121;
}

/* 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);
}
    .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: block;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    justify-content: space-between;
}
.site-branding {
    margin: 2rem 0 1rem;
    min-width: auto;
    overflow: visible;
    text-align: center;
}

.site-branding .custom-logo {
    position: absolute;
    top: 15px;
    left: 15px;
    max-width: 150px;
}

.site-title{
	color: #fff;
	font-size: 3rem;
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 900;
}
.site-branding .site-title a {
    color: #fff;
}
.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: none;
    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;
}
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;
    font-family: 'Source Sans Pro', sans-serif;
}
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: block;
    margin: 0;
    flex: 1 1 auto;
}
.site-header-menu {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex: 1 1 auto;
    display: block;
    margin: 0;
}
.main-navigation {
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 600;
}
.main-navigation .primary-menu {
    font-size: 1.3em;
    text-transform: uppercase;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: block;
    text-align: center;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 0;
}
    .main-navigation .primary-menu > li {
        display: inline-block;
        float: none;
    }
    .main-navigation .menu-item a {
        color: #fff;
    }
        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;
    }
    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;
        }
        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;
    float: right;
}
    #top-right-menu-first {
        margin-bottom: 1em;
    }
    #top-right-menu a {
        color: #fff;
    }
    #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: 3rem 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;
    color: inherit!important;
    line-height: 1.3;
    margin: 0!important;
    padding: 0;
}
.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;
}

body.no-sidebar .entry-content {
    margin-bottom: 0;
}
@media screen and (min-width: 61.5625em) {
    body .site-main {
        margin-bottom: 0em;
    }
}

/* SINGLE */

body.single.no-sidebar:not(.search-results) article:not(.type-page) .entry-content {
    float: left;
    margin-right: 0;
    margin-left: 0;
    width: 100%;
}
body.single.no-sidebar:not(.search-results) article:not(.type-page) .entry-footer {
    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.single-post .entry-meta,
.single.single-blogi .entry-meta {
    display: block;
}
.related_items_wrapper .related_items{
    position: relative;
    width: 100%;
    clear: both;
    padding: 2rem 0;
}
.related_items_wrapper .related_items_title{
    font-size: 1.5rem;
    color: #111;
    font-weight: 600;
    text-align: center;
    margin: 0;
}
.related_items_wrapper .related_items_holder{
    position: relative;
    display: flex;
    flex-flow: nowrap;
    justify-content: flex-start;
    align-content: stretch;
}
.related_items_wrapper .related_item{
    padding: 0em;
    background: #fff;
    flex: 1 1 33%;
    margin: 0 20px 0 0;
    max-width: 33%;
    text-align: center;
}
.related_items_wrapper .related_item:last-child{
    margin-right: 0;
}
.related_items_wrapper .related_image_wrapper {
    height: 200px;
    margin-bottom: 1rem;
    background-size: cover;
    background-position: center center;
}
.related_items_wrapper .related_item_title{
    color: #111;
    font-weight: 400;
    text-align: center;
    margin-top: 0;
    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%;
}


/* SEARCH */
.search .site-main {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    margin: 2rem 0;
}
.search .navigation.pagination {
    width: 100%;
}
.search .site-main > article {
    margin-bottom: 1.5rem;
}


/* 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;
    font-weight: 700;
}


/* 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;
}


/* SELVITYJIEN TARINAT */

div#selvityjien-tarinat .vc_grid-item {
    float: left;
}
div#selvityjien-tarinat .vc_grid-item-mini.vc_is-hover .vc_gitem-post-data-source-post_excerpt {
    opacity: 1;
}
div#selvityjien-tarinat .vc_grid-item-mini.vc_is-hover .vc_gitem-post-data-source-post_title {
    opacity: 0;
}
div#selvityjien-tarinat .vc_grid-item:hover .vc_gitem-zone.vc_gitem-zone-c  {
    background-color: rgba(246, 176, 41, 0.6)!important;
}
div#selvityjien-tarinat .vc_grid-item:first-child {
    width: 50%;
}
div#selvityjien-tarinat .vc_grid-item:nth-child(2) {
    width: 25%;
}
div#selvityjien-tarinat .vc_grid-item:nth-child(3) {
    width: 25%;
}
div#selvityjien-tarinat .vc_grid-item:nth-child(4) {
    width: 25%;
}
div#selvityjien-tarinat .vc_grid-item:nth-child(5) {
    width: 25%;
}
div#selvityjien-tarinat .vc_grid-item-mini {
    position: relative;
    overflow: hidden;
}
div#selvityjien-tarinat .vc_grid-item-mini .vc_gitem-zone.vc_gitem-zone-a {
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    -ms-transition: all .3s ease;
    transition: all .3s ease;
}
div#selvityjien-tarinat .vc_grid-item-mini.vc_is-hover .vc_gitem-zone.vc_gitem-zone-a {
    -webkit-filter: blur(15px);
    -moz-filter: all .3s ease;
    -o-filter: all .3s ease;
    -ms-filter: all .3s ease;
    filter: blur(6px);
}
div#selvityjien-tarinat .vc_gitem-zone.vc_gitem-zone-c {
    pointer-events: none;
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(246, 176, 41, 0)!important;
    -webkit-transition: background-color .3s ease;
    -moz-transition: background-color .3s ease;
    -o-transition: background-color .3s ease;
    -ms-transition: background-color .3s ease;
    transition: background-color .3s ease;
}
div#selvityjien-tarinat .vc_btn3-container {
    display: none;
}
div#selvityjien-tarinat  .vc_col-sm-12.vc_gitem-col.vc_gitem-col-align- {
    position: absolute;
    height: 100%;
}
div#selvityjien-tarinat .vc_gitem-post-data-source-post_title {
    position: absolute;
    bottom: 0;
    opacity: 1;
    -webkit-transition: opacity .3s ease;
    -moz-transition: opacity .3s ease;
    -o-transition: opacity .3s ease;
    -ms-transition: opacity .3s ease;
    transition: opacity .3s ease;
}
div#selvityjien-tarinat .vc_gitem-post-data-source-post_title h4 {
    color: white;
    margin-bottom: 10px!important;
    margin-left: 15px!important;
}
div#selvityjien-tarinat .vc_gitem-post-data-source-post_excerpt {
    opacity: 0;
    color: white;
    font-size: 16px;
    width: 100%;
    padding: 20px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transition: opacity .3s ease;
    -moz-transition: opacity .3s ease;
    -o-transition: opacity .3s ease;
    -ms-transition: opacity .3s ease;
    transition: opacity .3s ease;

    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    text-align: center;
}
div#selvityjien-tarinat .vc_grid-item:first-child .vc_gitem-post-data-source-post_excerpt {
    font-size: 24px;
}

/* Tarina post page */

.small-text.wpb_column.vc_column_container.vc_col-sm-3 {
    font-size: 0.9em;
    line-height: 1.5;
    color: white;
}
.small-text.wpb_column.vc_column_container.vc_col-sm-3 .wpb_text_column.wpb_content_element {
    background: #F5B027;
    padding: 20px 15px;
    margin-bottom: 20px;
}

/* VAIKUTA TEMPLATE */

.yhteys {
    background: #0d788a;
    padding: 2rem 0;
}
.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 #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 .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 */
.vc_row.vc_row-o-full-height {
	min-height: 600px!important;
    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);
    }
    .vc_row-o-full-height h1{
        margin-bottom: 10px;
    }
    .vc_row-o-full-height p {
        font-size: 1.4rem;
    }

/* Frontend user form styling */
body .frontend-item-container .select2.select2-container .select2-selection.select-with-search-container,
body .frontend-item-container input[type="text"],
body .frontend-item-container input[type="email"],
body .frontend-item-container input[type="url"],
body .frontend-item-container textarea,
body .frontend-item-container select {
    border: none;
    background-color: white;
}
.frontend-item-container {
    position: relative;
}
.frontend-item-container label {
    position: absolute;
    top: 7px;
    left: 10px;
}
.frontend-item-container label[for="frontend-form-1-post-data-custom-field-julkaisu"] {
    left: 20px;
    top: 1px;
}
.frontend-item-container label[for="frontend-form-1-post-data-custom-field-kerroin-koska-"] {
    position: relative;
    top: auto;
    left: auto;
}
div#tarina-form {
    padding: 0 25px;
}
div#tarina-form h2 {
    margin-bottom: -15px!important;
}
form#frontend-form-1 label {
    color: #b5b5b5;
    font-style: italic;
}
form#frontend-form-1 .frontend-item-container[data-element-key="julkaisu"] label {
    font-style: normal;
}
form#frontend-form-1 .frontend-item-container[data-element-key="kerroin_koska"] label {
    font-style: normal;
    font-size: 22px;
}
input#frontend-form-1-post-data-custom-field-nimimerkki,
input#frontend-form-1-post-data-custom-field-sahkopostiosoite {
    width: 60%;    
}
.frontend-item-container[data-element-key="nimimerkki"] .frontend-form-field-container:after {
    content: "// Näytetään sivustolla";
    color: white;
    margin-left: 10px;
}
.frontend-item-container[data-element-key="sahkopostiosoite"] .frontend-form-field-container:after {
    content: "// Ei julkaista eikä luovuteta kolmansille osapuolille";
    color: white;
    margin-left: 10px;
}

form#frontend-form-1 label[for="frontend-form-1-post-data-custom-field-julkaisu"],
form#frontend-form-1 label[for="frontend-form-1-post-data-custom-field-kerroin-koska-"] {
    color: white;
}
form#frontend-form-1 textarea#frontend-form-1-post-data-post-content {
    height: 150px;
}
div#kerroin-koska {
    color: white;
    font-style: normal;
    font-size: 23px;
}
.frontend-item-container[data-element-key="koska-kertominen-helpottaa-oloa"],
.frontend-item-container[data-element-key="haluan-auttaa-muita"] {
    display: inline-block;
    width: 100%;
    max-width: 240px;
}
.frontend-item-container[data-element-key="toivon-etta-tarinani-rohkaisee-muita"] {
    display: inline-block;
    width: 100%;
    max-width: 400px;
    margin-left: -45px;
}
form#frontend-form-1 label[for="frontend-form-1-post-data-custom-field-koska-kertominen-helpottaa-oloa"],
form#frontend-form-1 label[for="frontend-form-1-post-data-custom-field-haluan-auttaa-muita"],
form#frontend-form-1 label[for="frontend-form-1-post-data-custom-field-toivon-etta-tarinani-rohkaisee-muita"] {
    display: inline-block;
    color: white;
    font-style: normal;
    margin-left: 9px;
    margin-top: -6px;
}
button#frontend-form-1-main-submit-button {
    color: black;
    background-color: white;
    width: 230px;
    padding: 10px;
    box-shadow: 0px 0px 10px #b7821b;
}
button#frontend-form-1-main-submit-button:hover {
    background-color: #EB7121;
    color: white;
}
/* 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;
    font-family: 'Source Sans Pro', sans-serif;
}
.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;
}
#colophon nav.main-navigation {
    display: none;
}
/* frontpage */
body.home header.entry-header {
    display: none;
}
/* some-share on the front page */
div#frontpage-share .ssba.ssba-wrap {
    position: absolute;
    top: -25px;
}
body .ssba img {
    padding-left: 0;
    padding-right: 6px;
}
/* some-share on the other page */
div#some-share {
    position: absolute;
    bottom: -25px;
}
.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;
}


/* 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;
}


/*
// PALVELUT
*/

.palvelut-main {
    background: #E5E5E5;
    padding: 2rem 0;
}
.palvelu-item {
    width: 24.9%;
    float: left;
}
.owl-carousel .palvelu-item {
    width: auto;
    float: none;
    height: 100%;
}
.frontpage_carousel {
    margin-bottom: 2rem;
}
.palvelu-item .inner {
    margin: .5rem;
    background: #fff;
    display: block;
    height: 95%;
    height: calc(100% - 1rem);
    -webkit-box-shadow: 0 0 8px 0 rgba(0,0,0,0.15);
    box-shadow: 0 0 8px 0 rgba(0,0,0,0.15);
}
.frontpage_carousel .inner {
    height: 100%;
}
.palvelu-item .meta{
    padding: 1rem;
    background: #F5B027;
    color: #fff;
    align-items: center;
}
.palvelu-item .meta .left{
    width: 100%;
    border-bottom: none;
}
.palvelu-item .meta .left > div {
    margin-bottom: .25rem;
}
.palvelu-item .meta .right{
    width: 100%;
}
.palvelu-item .meta .hinta {
    line-height: 1.1;
    margin-top: .5rem;
}
.palvelu-item .text {
    padding: 1rem;
    color: #333;
}
.palvelu-item .palvelu_title {
    color: black;
    margin-bottom: 1rem;
    font-weight: 600;
    font-size: 1.2rem;
    line-height: 1.2;
}
.palvelu-item .palvelu_excerpt {
    margin-bottom: 1rem;
    line-height: 1.2;
    font-size: .9rem;
}
.palvelu-item .readmore {
    color: #F5B027;
}

.frontend-form-container {
    font-size: 1rem;
}

.single-palvelu .backbutton {
    color: #f27121;
    font-size: 1.1rem;
}
.single-palvelu .backbutton:hover {
    opacity: .5;
}
.single-palvelu .backbutton .fa {
    font-size: 1.3em;
    vertical-align: middle;
    margin-right: .5rem;
}
.single-palvelu .meta {
    margin: 2rem 0;
    font-size: 1.2rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}
.single-palvelu .meta .left {
    padding: 1rem 1.5rem;
    background: #F27121;
    color: #fff;
    width: 33.33%;
    float: left;
}
.single-palvelu .meta .left > div{
    margin-bottom: .5rem;
}
.single-palvelu .meta .left a{
    color: #fff;
}
.meta .left .fa{
    margin-right: .5rem;
    width: 22px;
    text-align: center;
}
.palvelu-item .meta .left .fa {
    margin-right: .3rem;
    width: 19px;
}
.single-palvelu .meta .ilmoittautumispaiva,
.single-palvelu .meta .hinta {
    padding: 1rem 0 0;
    margin-top: 1rem;
    border-top: solid 2px #fff;
}
.single-palvelu .meta .right {
    width: 66.66%;
    width: calc(66.66% - 15px);
    float: left;
    margin-left: 15px;
    position: relative;
}
.single-palvelu .meta .map {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center center;
}
.single-palvelu .meta .marker {
    position: absolute;
    bottom: 50%;
    left: 50%;
    transform: translateX(-50%);
}
.single-palvelu .meta .marker .fa {
    font-size: 3rem;
}

.frontend-item-container {
    margin-bottom: 1rem!important;
    font-style: italic;
}
.frontend-item-container label {
    margin-bottom: 0!important;
}
.frontend-item-container label,
.frontend-form-field-container,
.frontend-item-container button {
    font-style: normal;
}


/* yhteystiedot */




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

                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%;
}

/*Turvakamu campaing: Hiding elements*/

body.page-turvakamu .site-header-menu,
body.page-turvakamu #ninchat-etkl.ninchat-embed-container.ninchat-bottom {display:none;}
body.page-turvakamu div#title_background .title-wrapper {height:70vh;}
body.page-turvakamu #title_background:before {background-image:linear-gradient(rgba(0,0,0, 0.33) 0px, rgba(0,0,0, 0.33) 150px);}
body.page-turvakamu #primary article .vc_col-sm-2 {
    background:#eee;
    padding:20px 10px;
}
body.page-turvakamu main#main,
body.page-turvakamu #main article .entry-content  {margin-bottom:0;}
#ninchat-etkl.ninchat-embed-container {z-index: 100000001!important;}



/* 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%;
        display: block;
        max-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;
	}

    .nopea-poistuminen {
        padding-bottom: 6px;
    }
    .nopea-poistuminen span {
        padding-top: 6px;
        padding-left: 23px;
        font-size: 16px;
    }
    .nopea-poistuminen i.fa.fa-sign-out {
        top: 2px;
        right: 17px;
        font-size: 25px;
    }
    .nopea-ohjeet {
        padding: 5px;
    }
    
    
    
    /* 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;
    border-top: none;
}
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%;
    }
    .palvelu-item {
        width: 33.3%;
    }
}

@media(max-width: 964px){
    .frontend-item-container[data-element-key="toivon-etta-tarinani-rohkaisee-muita"] {

        margin-left: 0;
    }
}
@media(max-width: 892px){
    section#text-3 {
        width: 100%;
        text-align: center;
    }
    section#text-3 img {
        margin: 0 auto;
    }
}
@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%;
        max-width: 100%;
    }
    #content .post_thumbbox.col-3:last-child {
        margin-left: 0;
    }

    div#selvityjien-tarinat .vc_grid-item:first-child {
        width: 100%;
        padding-bottom: 2px;
    }

    div#selvityjien-tarinat .vc_grid-item:nth-child(2), div#selvityjien-tarinat .vc_grid-item:nth-child(3), div#selvityjien-tarinat .vc_grid-item:nth-child(4), div#selvityjien-tarinat .vc_grid-item:nth-child(5) {
        width: 49%;
        margin: 1%;
        margin-bottom: 2px;
        margin-left: 0;
        margin-top: 0;
        padding: 0;   
    }

    div#selvityjien-tarinat .vc_grid-item .vc_gitem-post-data-source-post_excerpt {
        display: none;
    }

    .page-template-template-frontpage .wp-block-cover .wp-block-cover__inner-container {
        padding: 0!important;
    }
}

@media all and (min-width: 601px) and (max-width: 799px) {
    .palvelu-item .meta .left {
        width: 100%;
        border-right: 0;
        border-bottom: transparent;
    }
    .palvelu-item .meta .right {
        width: 100%;
        padding-left: 0;
        padding-top: 0;
    }
}

@media all and (max-width: 620px) {
    .site-branding {
        margin-top: 4.25rem;
    }
    .site-title {
        font-size: 2.5rem;
    }

    .related_items_wrapper .related_items_holder {
        display: block;
    }

    .related_items_wrapper .related_item {
        max-width: 100%;
        display: block;
        margin-bottom: 2em;
    }

    .related_items_wrapper .related_image_wrapper {
        height: 400px;
    }

    .related_items_wrapper .related_item:last-child {
        margin: 0 20px 0 0;
    }

    input#frontend-form-1-post-data-custom-field-nimimerkki, input#frontend-form-1-post-data-custom-field-sahkopostiosoite {
        width: 100%;
    }

    .frontend-item-container[data-element-key="toivon-etta-tarinani-rohkaisee-muita"] {
        display: block;
        margin-left: 0;
        margin-bottom: 3rem!important;
    }
}
@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;
    }
    .palvelu-item {
        width: 50%;
    }
}
@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%;
    }

    .cc-bottom {bottom:110px;}
}

@media all and (min-width: 461px) and (max-width: 500px) {
    .palvelu-item .meta .left {
        width: 100%;
        border-right: 0;
        border-bottom: solid 1px #fff;
    }
    .palvelu-item .meta .right {
        width: 100%;
        padding-left: 0;
        padding-top: .5rem;
    }
}

@media(max-width: 460px){
    .single-enska .nav-links .nav-previous,
    .single-enska .nav-links .nav-next{
        width: 100%;
    }
    .palvelu-item {
        width: 100%;
        float: none;
    }
}
@media all and (max-width: 420px) {
    .home .entry-content h1 {
        font-size: 2rem;
    }
}
@media all and (max-width: 400px) {
    .site-branding {
        margin-top: 4.6rem;
    }
    .site-title {
        font-size: 1.9rem;
    }
    #continually-button {
        position: absolute;
        bottom: 38px;
    }
}
.home #signup-content{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    text-align: center;
    background-color: #0c0c0c !important;
    background-image: url(http://ahma.web-veistamo.fi/ensijaturvakotienliitto.fi/wp-content/uploads/2016/07/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;
}

.wpvqgr-wrapper div.wpvqgr-question h5.wpvqgr-question-label, .wpvqgr-wrapper div.wpvqgr-question div.wpvqgr-answer span.wpvqgr-answer-label, .wpvqgr-wrapper div.wpvqgr-results h3, .wpvqgr-wrapper p  .wpvqgr-wrapper div.wpvqgr-results div.wpvqgr-quiz-name {
    font-family: 'Source Sans Pro', sans-serif;

}

.wpvqgr-wrapper div.wpvqgr-question h5.wpvqgr-question-label{
    margin-top: 1.5em;
    text-align: center;
    font-weight: 600;
    font-size: 1.5em;
    margin-bottom: .5em;
}
#kayttajakysely-link {
    bottom: 0;
    right: 300px;
    transition: all 0.5s ease;
    background-color: #007acc;
    display: block;
    height: 50px;
    max-height: 100%;
    position: fixed;
    width: 300px;
    z-index: 99999;
    text-align: left;
}
#kayttajakysely-link a {
    font-size: 18px;
    font-weight: 700;
    height: 50px;
    line-height: 50px;
    padding: 0 10px;
    position: relative;
    display: block;
    color: #fff;
}
@media (max-width: 800px) /*and (orientation: landscape)*/ {
    #kayttajakysely-link {
        bottom: 50px;
        right:0;
        width:100%;
    }
    #kayttajakysely-link a {margin-left:11px;}

    .cc-window.cc-bottom {bottom:100px;}    
    
}
/* Gutenberg fixes */

.page-template-template-frontpage #title_background, .frontpage-hero {
    height: 90vh;
}

.frontpage-hero:before {
    content: "";
    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)!important;
    opacity: 1!important;
}

.page-template-template-frontpage.no-sidebar .entry-content {
    margin-top: 0;
    margin-bottom: 0;
}

.page-template-template-frontpage div#content {
    padding: 0 40px;
    width: 100%;
    max-width: 1180px;
    margin: auto;
    max-width: 100%;
    padding: 0;
}

.wp-block-columns .wp-block-column .wp-block-group:not(.full-width) {
    max-width: 1280px;
}

.wp-block-columns .wp-block-column .wp-block-group.full-width .wp-block-group__inner-container {
    max-width: 1280px;
    margin: 0 auto;
}

.page-template-template-frontpage .wp-block-columns {
    margin-bottom: 0;
}

.page-template-template-frontpage .site-main {
    margin-bottom: 0;
}

.page-template-template-frontpage footer div#content {
    max-width: 1280px;
    padding: 0 40px;
}

.page-template-template-frontpage .wp-block-cover .wp-block-cover__inner-container {
    max-width: 1280px;
    padding: 0 40px;
}

.page-template-template-frontpage .post_thumbbox a {
    color: #212529;
}

.page-template-template-frontpage .post_thumbbox a:hover {
    text-decoration: none;
}

.page-template-template-frontpage .palvelu-item a:hover {
    text-decoration: none;
}
.page-template-template-frontpage .frontpage_carousel + p {
    font-size: 1rem;
}

.buttons-with-small-text {
    margin-bottom: 3rem;
}

.buttons-with-small-text .wp-block-columns {
    margin-bottom: 0;
}

.buttons-with-small-text .wp-block-buttons>.wp-block-button.has-custom-width .wp-block-button__link {
    font-size: .9rem;
    text-transform: none;
    font-weight: 400;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

.buttons-with-small-text .wp-block-buttons>.wp-block-button.has-custom-width .wp-block-button__link:hover {
    text-decoration: none;
    background-color: #f0f0f0;
    color: #666;
}

.ek-linked-block.orange-hover {
    padding: 1rem;
    -webkit-transition: 0.3s background-color;
    -o-transition: 0.3s background-color;
    transition: 0.3s background-color;
}

.ek-linked-block.orange-hover:hover {
    background-color: #EB7121;
}

.site-content {
    font-family: 'Source Sans Pro', sans-serif;
    line-height: 1.75;
}

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

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

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

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

#top-right-menu-third-mobile.mobile-donation-link a{
    color: #fff;
    font-weight: 600;
}

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

@media (max-width: 1023px) {
    .site-branding .custom-logo {
        top: 125px;
    }
}