/*
.main-navigation  {
    width: 84vw;
    max-width: 1500px;
    margin:0 auto;
    @include mobile-xl {
        display:block;
        position:fixed;
        top:0;
        height:100%;
        width:50%;
        max-width: 100vw;
        min-width:auto;
        left:-50%;
        transition:left 0.3s;
    }
    @include mobile-m {
        width:75%;
        left:-75%;
    }
    @include mobile-s {
        width:100%;
        left:-100%;
    }
    &.menu-opened {
        @include mobile-xl {
            left:0;
        }
    }
    .inside-navigation {
        justify-content: flex-end!important;
    }
    .main-nav {
        @include mobile-xl {
            width:100%;
            position: relative;
            top:100px;
            margin-left:0px;
        }
        @include mobile-s {
            top:65px;
            margin-left:0px;
        }
        ul {
            @include mobile-xl {
                display:block!important;
                position:relative;
                left:0;
                width:calc(100% - 8vw);
                margin-left:4vw;
            }
            > li {
                @include mobile-xl {
                    display:block;
                }
                a, .menu-toggle, .menu-bar-items {
                    @include desktop-m {
                        font-size:$font-s;
                        padding-left:12px;
                        padding-right:12px;
                        line-height:48px;
                    }
                    @include mobile-xl {
                        font-size:$font-m;
                        line-height: 42px;
                    }
                    @include mobile-s {
                        font-size:$font-s;
                        line-height: 40px;
                    }
                }
                a:hover {
                    color:$accent!important;
                }
                &.current-menu-parent > a ,
                &.current-menu-item > a {
                    font-weight:$bold;
                    color:$accent;
                    &:after {
                        content:"";
                        position:relative;
                        top:-10px;
                        left:0px;
                        display:block;
                        margin:0 auto;
                        width:10px;
                        height:10px;
                        border-top:5px solid $base;
                        border-right:5px solid $base;
                        border-bottom:5px solid $accent;
                        border-left:5px solid $accent;
                        margin-top:-10px;
                        transform: rotate(-45deg);
                        @include desktop-m {
                            top:-8px;
                            margin-top:-8px;
                            width:8px;
                            height:8px;
                            border-top:4px solid $base;
                            border-right:4px solid $base;
                            border-bottom:4px solid $accent;
                            border-left:4px solid $accent;
                        }
                        @include mobile-xl {
                            display:none;
                        }
                    }
                }
                &.menu-item-has-children > a:after {
                    left:-5px;
                    z-index:100;
                }
                &.menu-item-has-children:hover > a:after {
                    border-bottom:5px solid $base;
                    border-left:5px solid $base;
                }
                &.current_page_parent > ul{
                    @include mobile-xl {
                        height:auto;
                        opacity:1;
                    }
                }

                // Mobiilivalikko
                @include mobile-xl {
                    > ul {
                        margin-left:0;
                        width:100%;
                        box-shadow: none;

                    }

                }


                &.lang-item {
                    padding-left: 20px;
                    display:inline-block;
                    @include desktop-m {
                        padding-left:15px;
                    }
                    @include mobile-xl {
                        display:none;
                    }
                    a {
                        display:block;
                        width:40px;
                        height:40px;
                        line-height: 50px;
                        text-indent:-9999px;
                        overflow: hidden;
                        border-radius: 50%;
                        background-repeat:no-repeat;
                        background-size:cover;
                        background-position:center;
                        transition: filter 0.3s;
                        @include desktop-m {
                            width:34px;
                            height:34px;
                        }
                    }
                    &.lang-item-fi a {
                        background-image:url(../images/fi-flag.svg);
                    }
                    &.lang-item-en a {
                        background-image:url(../images/en_GB-flag.svg);
                    }
                    &:hover a {
                        filter: saturate(2);
                    }
                    &:after {
                        display: none;
                    }
                }
            }
        }
    }
    .sub-menu, .children {
        @media screen and (min-width:1025px) {
            position: relative;
            z-index: 50;
            width:220px;
            background-color:$accent;
            padding:20px 0px;
            position:absolute;
            left:-50px!important;
            margin-top:-15px;
            @include desktop-m {
                margin-top:-12px;
            }
            li {
                white-space: nowrap;
                padding-left:0px;
                text-align: center;
                a {
                    font-size:$font-s!important;
                    color: $base !important;
                    font-weight: 300!important;
                    padding:6px!important;
                    &:hover {
                        color:$contrast-3!important;
                    }
                }
                &.current-menu-item > a {
                    color:$base!important;
                    font-weight: 700!important;
                    &:after {
                        display: none!important;
                    }
                }
            }
        }
    }

    .dropdown-menu-toggle {
        @media screen and (min-width:1025px) {
            padding-right:0;
            span {
                display:none;
            }
        }
    }
}

button.menu-toggle {
    display:none!important;
}

// Burgeri
.mobile-menu-toggle {
    display:none;
    width:40px;
    height:40px;
    background-color:$base;
    position:fixed;
    top:34px;
    left:4.2vw;
    z-index:12;
    cursor: pointer;
    @include mobile-xl {
        display:block!important;
        top:30px;
    }
    @include mobile-m {
        top:23px;
    }
    @include mobile-s {
        top:16px;
    }

    span {
        display:block;
        height:4px;
        border-radius:2px;
        background-color:$contrast;
        width:75%;
        position:relative;
        top:calc(50% - 2px);
        margin:0 auto;
        transition:background-color 0.3s;
        &:before, &:after {
            content:"";
            display:block;
            position:absolute;
            border-radius: inherit;
            width:100%;
            height:inherit;
            background-color: inherit;
            top:-8px;
            transition:transform 0.3s;
        }
        &:after {
            top:8px;
        }
    }
    &.opened span {
        background-color:transparent;
        &:before, &:after {
            background-color:$contrast;
            transform:rotate(45deg);
            top:0;
        }
        &:after {
            transform:rotate(-45deg);
        }
    }
}

//Site-header styling 
/*
.site-header {
    padding:40px 0 30px 0;
    @include desktop-m {
        padding:20px 0 15px 0;
    }
    @include mobile-xl {
        padding:5px 0 5px 0;
    }
    @include mobile-s {
        padding:0px 0 0px 0;
    }
}

//Site branding
.site-logo {
    position: relative;
    left:16vw;
    z-index:120;
    @include desktop-l {
        left:calc(0.9vw * 47 - 520px)
    }
    @include desktop-m {
        width:200px;
        left:0;
    }
    @include desktop-xl {
        margin-bottom:0px;
        margin-left:auto;
        margin-right:auto;
    }
    @include mobile-m {
        width:140px;
    }
    @include mobile-s {
        width:120px;
    }

}

.main-title {
    @include mobile-xl {
        position:relative;
        left:8vw;
    }
    @include mobile-l {
        left:10vw;
    }
    @include mobile-s {
        left:50px;
    }
}
*/
.site {
  max-width: 100%;
}

.one-container .site-content,
.site-content {
  padding: 0;
}

/*
footer.footer-1 .site-footer {
    max-width: 88vw;
    margin:0 auto;
    padding-top:60px;
    .footer-block {
        @include mobile-xl {
            padding:0 0 50px 0;
        }
        .footer-logo img {
            @include desktop-m {
                width: 180px !important;
                height:auto !important;
                margin-bottom:10px;
            }
            @include mobile-s {
                width: 140px !important;
            }
        }
        .wp-block-group__inner-container {
            padding:0;
            width:1560px;
            max-width: 100%;
            .wp-block-columns {
                .wp-block-column {
                    @include desktop-m {
                        margin-left:0;
                    }
                    .ISO-27001 figure,
                    .tilaa-uutiskirje figure {
                        @include mobile-xl {
                            margin:0px 0 0 0;
                        }
                        img {
                            @include desktop-xl {
                                width:56px;
                                height:56px;
                                margin-top:10px;
                            }
                            @include mobile-m {
                                margin-top:0;
                                width:48px;
                                height:48px;
                            }
                        }
                    } 
                }
                p.has-text-align-center {
                    @include mobile-xl {
                        text-align:left;
                    }
                }
            }
            > .wp-block-columns:not(.is-not-stacked-on-mobile),
            > .wp-block-columns {
                @include desktop-m {
                    flex-wrap:wrap!important;
                }
                > .wp-block-column:not(:only-child),
                > .wp-block-column {
                    @include desktop-m {
                        flex-basis: 100%!important;
                    }
                    > .wp-block-columns {
                        @include desktop-s {
                            gap:15px;
                        }
                        @include mobile-xl {
                            flex-wrap:wrap!important;
                            margin-bottom:0;
                        }
                        > .wp-block-column {
                            @include mobile-xl {
                                flex-basis:100%!important;
                            }
                            .wp-block-spacer {
                                @include mobile-xl {    
                                    display:none;
                                }
                            }
                            ul {
                                margin:0 0 0 15px;
                            }
                        }
                    }
                }
            }
        }
        * {
            color:$base-3;
        }
        a:hover, a:hover svg path {
            color:$accent;
        }
        .wp-block-social-links {
            margin-left:0!important;
            @include mobile-m {
                margin:30px 0 30px 0!important;
            }
            .wp-block-social-link {
                width:40px;
                height:40px;
                margin:0;
                @include desktop-m {
                    width:30px;
                    height:30px;
                }
                &.wp-social-link-linkedin,
                &.wp-social-link-instagram,
                &.wp-social-link-facebook {
                    background-color:transparent;
                }
                a {
                    width:inherit;
                    height:inherit;
                    padding:0;
                    svg {
                        width:inherit;
                        height:inherit;
                        padding:0;
                        margin:0;
                    }
                }
            }
        }
    }
}

*/
footer.footer-2 .site-footer {
  max-width: 100vw;
  margin: 0 auto -22px auto;
}
footer.footer-2 .site-footer .footer-block {
  min-height: 400px;
}
@media screen and (max-width: 1024px) {
  footer.footer-2 .site-footer .footer-block {
    padding: 0 0 0px 0;
  }
}
@media screen and (max-width: 781px) {
  footer.footer-2 .site-footer .footer-block .footer-logo figure img {
    max-width: 25vw;
  }
}
footer.footer-2 .site-footer .footer-block .wp-block-group__inner-container {
  padding: 0;
  max-width: 100%;
}
footer.footer-2 .site-footer .footer-block .footer-menu a {
  color: #000000;
}
footer.footer-2 .site-footer .footer-block a:hover, footer.footer-2 .site-footer .footer-block a:hover svg path {
  color: #ff9000;
}
footer.footer-2 .site-footer .footer-block .wp-block-social-links {
  margin-left: 0 !important;
}
footer.footer-2 .site-footer .footer-block .wp-block-social-links .wp-block-social-link {
  position: relative;
  overflow: hidden;
  width: 46px;
  height: 46px;
  margin: 0 0 30px 0;
  border: 4px solid #000000;
}
footer.footer-2 .site-footer .footer-block .wp-block-social-links .wp-block-social-link:hover {
  border: 4px solid #ff9000;
}
footer.footer-2 .site-footer .footer-block .wp-block-social-links .wp-block-social-link a {
  padding: 0;
  background-color: #FFFFFF;
  width: inherit;
  height: inherit;
}
footer.footer-2 .site-footer .footer-block .wp-block-social-links .wp-block-social-link a svg {
  background-color: #000000;
  min-width: 51px !important;
  min-height: 51px !important;
  padding: 0;
  margin: 0;
  position: relative;
  top: -4px;
  left: -7px;
}
footer.footer-2 .site-footer .footer-block .wp-block-social-links .wp-social-link-instagram a {
  background-color: #FFFFFF;
}
footer.footer-2 .site-footer .footer-block .wp-block-social-links .wp-social-link-instagram a svg {
  fill: #000000;
  background-color: #FFFFFF;
  min-width: 36px !important;
  min-height: 36px !important;
  left: 1px;
}
footer.footer-2 .site-footer .footer-block .wp-block-social-links .wp-social-link-instagram a:hover {
  background-color: #ff9000;
}
footer.footer-2 .site-footer .footer-block .wp-block-social-links .wp-social-link-instagram a:hover svg {
  fill: #000000;
  background-color: #ff9000;
}

.error404outer {
  background: #FFAC00;
  height: 400px;
  width: 100%;
  display: table;
}

.error404inner {
  max-width: 1400px;
  display: table-cell;
  vertical-align: middle;
  height: 100%;
  margin: 0 auto;
  padding-top: 50px;
}
.error404inner span {
  display: block;
  text-align: center;
  font-weight: 700;
  color: #ff9000;
}
.error404inner p {
  display: block;
  font-weight: 700;
  text-align: center;
}

/* Language nav 
.lang-nav-holder {
    display:none;
    height:0px;
    overflow:visible;
    width:100%;
    @include mobile-xl {
        display:block;
    }
    .lang-nav {
        float:right;
        position:relative;
        top:8px;
        @include mobile-m {
            top:5px;
        }
        @include mobile-s {
            right:-4vw;
        }
        .lang-item {
            padding-left: 13px;
            display:inline-block;
            @include mobile-m {
                padding-left:8px;

            }
            a {
                display:block;
                width:34px;
                height:34px;
                line-height: 50px;
                text-indent:-9999px;
                overflow: hidden;
                border-radius: 50%;
                background-repeat:no-repeat;
                background-size:cover;
                background-position:center;
                transition: filter 0.3s;
                @include mobile-m {
                    width:24px;
                    height:24px;
                }
                @include mobile-s {
                    width:20px;
                    height:20px;
                }
            }
            &.lang-item-fi a {
                background-image:url(../images/fi-flag.svg);
            }
            &.lang-item-en a {
                background-image:url(../images/en_GB-flag.svg);
            }
            &:hover a {
                filter: saturate(2);
            }
            &:after {
                display: none;
            }
        }
    }
}

*/
.has-content-1400 > .wp-block-cover__inner-container,
.has-content-1400 > .wp-block-group__inner-container {
  width: 1400px !important;
  max-width: 92vw;
  margin: 0 auto;
  padding: 0;
}

.entry-content .has-content-1200 {
  padding: 0;
}
.entry-content .has-content-1200 > .wp-block-cover__inner-container,
.entry-content .has-content-1200 > .wp-block-group__inner-container {
  width: 1200px !important;
  max-width: 92%;
  margin: 0 auto;
}

.entry-content .has-content-1000 {
  padding: 0;
}
.entry-content .has-content-1000 > .wp-block-cover__inner-container,
.entry-content .has-content-1000 > .wp-block-group__inner-container {
  width: 1024px !important;
  max-width: 92%;
  margin: 0 auto;
}

.entry-content .has-content-800 {
  padding: 0;
}
.entry-content .has-content-800 > .wp-block-cover__inner-container,
.entry-content .has-content-800 > .wp-block-group__inner-container {
  width: 782px !important;
  max-width: 92%;
  margin: 0 auto;
}

.has-content-800.is-layout-flex {
  width: 700px !important;
  max-width: 92%;
  margin: 0 auto;
}

body,
.main-navigation a {
  font-size: 14px;
}
@media screen and (min-width: 420px) {
  body,
  .main-navigation a {
    font-size: 16px;
  }
}
@media screen and (min-width: 1024px) {
  body,
  .main-navigation a {
    font-size: 18px;
  }
}
@media screen and (min-width: 1440px) {
  body,
  .main-navigation a {
    font-size: 20px;
  }
}
body,
.main-navigation a {
  font-family: "League Spartan", arial;
}

.inside-header {
  display: none;
}

@media screen and (max-width: 1440px) {
  .home h1 {
    font-size: 60px;
  }
}
@media screen and (max-width: 1024px) {
  .home h1 {
    font-size: 40px;
  }
}
@media screen and (max-width: 414px) {
  .home h1 {
    font-size: 10vw;
  }
}

@media screen and (max-width: 1440px) {
  .home h2 {
    font-size: 24px;
  }
}
@media screen and (max-width: 1024px) {
  .home h2 {
    font-size: 20px;
  }
}

.home p {
  font-size: 14px;
}
@media screen and (min-width: 420px) {
  .home p {
    font-size: 16px;
  }
}
@media screen and (min-width: 1024px) {
  .home p {
    font-size: 18px;
  }
}
@media screen and (min-width: 1440px) {
  .home p {
    font-size: 20px;
  }
}

.single #top-bar {
  z-index: 10;
}
#top-bar .wp-block-columns {
  margin: 0;
}
@media screen and (max-width: 781px) {
  #top-bar .wp-block-columns {
    flex-wrap: nowrap !important;
  }
}
@media screen and (max-width: 1024px) {
  #top-bar .wp-block-columns .wp-block-column img {
    max-width: 20vw;
    height: auto;
  }
}
@media screen and (max-width: 1024px) {
  #top-bar .wp-block-columns .wp-block-column img {
    max-width: calc(20px + 20vw);
  }
}
#top-bar .wp-block-columns .wp-block-column:first-child img {
  position: relative;
  top: -10px;
  width: 100vw;
  max-width: 300px;
}
@media screen and (max-width: 1024px) {
  #top-bar .wp-block-columns .wp-block-column:first-child img {
    max-width: 25vw;
    height: auto;
    top: 0;
  }
}
@media screen and (max-width: 1024px) {
  #top-bar .wp-block-columns .wp-block-column:first-child img {
    max-width: calc(30px + 25vw);
  }
}

#hero {
  background-image: url(../images/kangastuksia-fp-hero-bg.png);
  background-repeat: no-repeat;
  background-position: center;
}
@media screen and (max-width: 1440px) {
  #hero {
    background-size: 140%;
  }
}
#hero .wp-block-group__inner-container {
  padding: 40px 40px 40px 0;
}
@media screen and (max-width: 781px) {
  #hero .wp-block-group__inner-container {
    padding: 40px 0 0 0;
  }
}
#hero .hero-content {
  padding: 0;
  position: relative;
  max-width: 1520px;
  margin: 300px auto 0 auto;
}
@media screen and (min-width: 1441px) {
  #hero .hero-content {
    left: calc(max(4vw, 50vw - 700px) - max(0px, 50vw - 780px) - 40px);
  }
}
#hero .hero-content > .wp-block-cover__image-background {
  opacity: 1;
}
@media screen and (max-width: 1024px) {
  #hero .hero-content .wp-block-columns {
    gap: 0;
  }
}
@media screen and (min-width: 1025px) {
  #hero .hero-content .text-content {
    position: relative;
    left: calc(-1.1% - 3.5vw);
  }
  #hero .hero-content .text-content > * {
    max-width: 84%;
    margin-left: auto !important;
    margin-right: auto !important;
  }
}
@media screen and (max-width: 781px) {
  #hero .hero-content .text-content {
    max-width: 75vw;
    margin: 0 auto;
    position: relative;
    top: -20px;
  }
}
#hero:after {
  content: "";
  display: block;
  width: 105%;
  height: 150px;
  background-color: white;
  position: relative;
  top: -180px;
  left: -2.5%;
  transform: rotate(-1deg);
}
@media screen and (max-width: 781px) {
  #hero:after {
    top: 0px;
  }
}
@media screen and (max-width: 2560px) {
  #hero:after {
    transform: rotate(-2deg);
  }
}
@media screen and (max-width: 1440px) {
  #hero:after {
    transform: rotate(-3deg);
  }
}

.ramikangas-kuva {
  position: relative;
  padding: 40px;
  left: 0px;
  z-index: 2;
  border: 20px solid white;
  overflow: hidden;
  width: 600px;
  border-radius: 30px;
  box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.2);
  opacity: 1;
  overflow: visible;
}
@media screen and (max-width: 1440px) {
  .ramikangas-kuva {
    width: 40vw;
    min-height: 40vw !important;
    border: 15px solid white;
    border-radius: 20px;
  }
}
@media screen and (max-width: 1024px) {
  .ramikangas-kuva {
    border: 10px solid white;
    border-radius: 10px;
  }
}
@media screen and (max-width: 781px) {
  .ramikangas-kuva {
    margin: 0 auto;
    width: 50vw;
    min-height: 50vw !important;
  }
}
@media screen and (max-width: 414px) {
  .ramikangas-kuva {
    width: 200px;
    min-height: 200px !important;
    border: 2vw solid white;
  }
}
.ramikangas-kuva:before {
  content: "";
  height: 200px;
  width: 190px;
  position: absolute;
  z-index: 5;
  top: 50px;
  right: -100px;
  background-image: url(../images/kangastuksia-tought-bubble.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
@media screen and (max-width: 1440px) {
  .ramikangas-kuva:before {
    width: 14vw;
    min-height: 14vw !important;
  }
}
@media screen and (max-width: 1280px) {
  .ramikangas-kuva:before {
    width: 13vw;
    min-height: 13vw !important;
    top: -50px;
    right: -50px;
  }
}

.ramikangas-kuva-bg {
  padding: 40px;
  padding-bottom: 70px;
  background-image: url(../images/hero-image-background-element.png);
  background-size: 114%;
  background-position: 100% -70px;
  background-repeat: no-repeat;
  position: relative;
}
@media screen and (max-width: 1440px) {
  .ramikangas-kuva-bg {
    padding-right: 0;
    padding-left: 4vw;
    background-position: 50% -5vw;
    background-size: 115%;
  }
}
@media screen and (max-width: 781px) {
  .ramikangas-kuva-bg {
    background-position: center center;
    background-size: 80%;
  }
}
@media screen and (max-width: 414px) {
  .ramikangas-kuva-bg {
    background-size: 300px;
  }
}

.wp-block-button__link.wp-element-button {
  font-weight: 800;
  position: relative;
  z-index: 1;
}
.wp-block-button__link.wp-element-button:after {
  content: "";
  display: block;
  background-color: orange;
  width: inherit;
  height: 4px;
  position: relative;
  top: -6px;
  z-index: -1;
  transition: top 0.3s;
}
.wp-block-button__link.wp-element-button:hover:after {
  top: -5px;
}

#podcasts {
  max-width: 92vw;
  width: 1400px;
  margin: 0 auto;
  position: relative;
  z-index: 20;
}
#podcasts .wp-block-columns {
  flex-wrap: wrap !important;
  gap: 2em;
}
@media screen and (max-width: 1024px) {
  #podcasts .wp-block-columns {
    gap: 1em;
  }
}
#podcasts .wp-block-columns .podcast {
  border: 20px solid white;
  border-bottom: 10px solid white;
  border-radius: 20px;
  box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.2);
  flex-basis: calc((100% - 4em) / 3 - 0.1px) !important;
  max-width: calc((100% - 4em) / 3 - 0.1px) !important;
  background-color: #FFFFFF;
}
@media screen and (max-width: 1440px) {
  #podcasts .wp-block-columns .podcast {
    border: 15px solid white;
    border-bottom: 8px solid white;
  }
}
@media screen and (max-width: 1024px) {
  #podcasts .wp-block-columns .podcast {
    border: 10px solid white;
    border-bottom: 4px solid white;
    border-radius: 10px;
    flex-basis: calc((100% - 2em) / 3 - 0.1px) !important;
    max-width: calc((100% - 2em) / 3 - 0.1px) !important;
  }
}
@media screen and (max-width: 781px) {
  #podcasts .wp-block-columns .podcast {
    flex-basis: calc(50% - 0.5em) !important;
    max-width: calc(50% - 0.5em) !important;
  }
}
@media screen and (max-width: 414px) {
  #podcasts .wp-block-columns .podcast {
    flex-basis: 100% !important;
    max-width: 100% !important;
  }
}
#podcasts .wp-block-columns .podcast:first-child {
  max-height: 425px;
  display: flex;
  min-width: 100%;
  background-color: #FFFFFF;
  border: 20px solid #FFFFFF;
  box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.2);
  border-radius: 20px;
  overflow: hidden;
}
@media screen and (max-width: 1440px) {
  #podcasts .wp-block-columns .podcast:first-child {
    border: 15px solid #FFFFFF;
    max-height: 405px;
  }
}
@media screen and (max-width: 1280px) {
  #podcasts .wp-block-columns .podcast:first-child {
    max-height: 30vw;
    border-bottom-width: 5px;
  }
}
@media screen and (max-width: 1024px) {
  #podcasts .wp-block-columns .podcast:first-child {
    border-radius: 10px;
    border: 10px solid #FFFFFF;
  }
}
@media screen and (max-width: 781px) {
  #podcasts .wp-block-columns .podcast:first-child {
    max-height: 45vw;
  }
}
@media screen and (max-width: 599px) {
  #podcasts .wp-block-columns .podcast:first-child {
    flex-wrap: wrap;
    max-height: 200vw;
  }
}
#podcasts .wp-block-columns .podcast:first-child .post-image {
  flex-basis: 30%;
}
@media screen and (max-width: 781px) {
  #podcasts .wp-block-columns .podcast:first-child .post-image {
    flex-basis: 47%;
  }
}
@media screen and (max-width: 599px) {
  #podcasts .wp-block-columns .podcast:first-child .post-image {
    flex-basis: 100%;
  }
}
#podcasts .wp-block-columns .podcast:first-child .post-detail {
  position: relative;
  flex-basis: 70%;
  padding: 30px;
}
@media screen and (max-width: 781px) {
  #podcasts .wp-block-columns .podcast:first-child .post-detail {
    flex-basis: 53%;
    padding: 15px;
  }
}
@media screen and (max-width: 599px) {
  #podcasts .wp-block-columns .podcast:first-child .post-detail {
    flex-basis: 100%;
    padding: 15px;
    max-height: 48vw;
  }
}
#podcasts .wp-block-columns .podcast:first-child img {
  border: none;
  border-radius: 0;
}
@media screen and (max-width: 781px) {
  #podcasts .wp-block-columns .podcast:first-child h2 {
    margin: 0 0 10px 0;
  }
}
#podcasts .wp-block-columns .podcast:first-child .podcast-excerpt {
  line-height: 1.6;
}
#podcasts .wp-block-columns .podcast:first-child .podcast-excerpt:after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 60%;
  z-index: 2;
  background: linear-gradient(0deg, rgb(255, 255, 255) 30%, rgba(255, 255, 255, 0) 100%);
}
@media screen and (max-width: 1024px) {
  #podcasts .wp-block-columns .podcast:first-child .podcast-excerpt:after {
    background: linear-gradient(0deg, rgb(255, 255, 255) 45%, rgba(255, 255, 255, 0) 100%);
  }
}
#podcasts .wp-block-columns .podcast:first-child .wp-block-button {
  position: absolute;
  bottom: 20px;
  left: 31px;
  z-index: 3;
}
@media screen and (max-width: 781px) {
  #podcasts .wp-block-columns .podcast:first-child .wp-block-button {
    bottom: 2px;
    left: 20px;
  }
}
@media screen and (max-width: 599px) {
  #podcasts .wp-block-columns .podcast:first-child .wp-block-button {
    bottom: 8px;
    left: 3vw;
  }
}
#podcasts .wp-block-columns .podcast .wp-block-button a {
  background-color: transparent;
  color: #000000;
  display: inline-block;
  margin: 0 auto;
  padding: 0;
  text-align: center;
}
#podcasts .wp-block-columns .podcast .wp-block-button a:before {
  content: "";
  display: block;
  height: 16px;
  width: 16px;
  border-top: 9px solid transparent;
  border-left: 14px solid #ff9000;
  border-bottom: 9px solid transparent;
  position: absolute;
  right: -24px;
  top: 5px;
}

#content-area {
  position: relative;
  top: -120px;
  padding-bottom: 120px;
  margin-bottom: -120px;
}
#content-area .wp-block-group__inner-container {
  padding: 0;
  z-index: 0;
}
#content-area #viimeisin-jakso {
  position: relative;
  top: -150px;
  margin-bottom: -250px;
  padding: 0;
  overflow: visible;
}
@media screen and (max-width: 781px) {
  #content-area #viimeisin-jakso {
    top: 0px;
    margin-bottom: -70px;
  }
}
#content-area #viimeisin-jakso .wp-block-cover__background {
  background-color: transparent !important;
}
#content-area #viimeisin-jakso .wp-block-cover__inner-container {
  position: relative;
  rotate: 0deg;
  top: 0px;
  left: 0%;
  min-width: 120%;
}
#content-area #viimeisin-jakso .wp-block-cover__inner-container p {
  margin: 0;
  padding: 30px 0 10px 0;
  position: relative;
  z-index: 10;
  font-size: 24px;
}
@media screen and (min-width: 420px) {
  #content-area #viimeisin-jakso .wp-block-cover__inner-container p {
    font-size: 26px;
  }
}
@media screen and (min-width: 1024px) {
  #content-area #viimeisin-jakso .wp-block-cover__inner-container p {
    font-size: 30px;
  }
}
@media screen and (min-width: 1440px) {
  #content-area #viimeisin-jakso .wp-block-cover__inner-container p {
    font-size: 36px;
  }
}
#content-area #viimeisin-jakso .wp-block-cover__inner-container p {
  box-shadow: 0 0 0 100vmax #FFFFFF;
  clip-path: inset(0 -100vmax);
}
#content-area #viimeisin-jakso .wp-block-cover__inner-container:after {
  content: "";
  display: block;
  background-color: white;
  height: 100px;
  width: max(104%, 110vw);
  position: relative;
  top: -45px;
  left: 50%;
  margin-left: calc(max(104%, 110vw) / -2);
  transform: rotate(-1deg);
}
@media screen and (max-width: 2560px) {
  #content-area #viimeisin-jakso .wp-block-cover__inner-container:after {
    transform: rotate(-2deg);
  }
}
@media screen and (max-width: 1440px) {
  #content-area #viimeisin-jakso .wp-block-cover__inner-container:after {
    top: -40px;
    transform: rotate(-3deg);
  }
}
#content-area:after {
  content: "";
  display: none;
  width: 105%;
  height: 150px;
  background-color: white;
  position: relative;
  top: 110px;
  left: -2.5%;
  transform: rotate(-1deg);
}
@media screen and (max-width: 2560px) {
  #content-area:after {
    transform: rotate(-2deg);
  }
}
@media screen and (max-width: 1440px) {
  #content-area:after {
    transform: rotate(-3deg);
  }
}

#main {
  overflow: hidden;
}
@media screen and (max-width: 781px) {
  #main {
    margin: 0 auto !important;
  }
}

.podcast-header-background {
  height: 500px;
  position: relative;
  top: -220px;
  overflow: hidden;
  border-top: 1vw solid white;
  opacity: 0.7;
}
.podcast-header-background img {
  position: absolute;
  top: -5%;
  left: -5%;
  right: 0;
  bottom: 0;
  margin: 0;
  padding: 0;
  width: 110%;
  height: 110%;
  max-width: none;
  max-height: none;
  -o-object-fit: cover;
     object-fit: cover;
  outline: none;
  border: none;
  box-shadow: none;
  filter: blur(13px);
}
.podcast-header-background:after {
  content: "";
  display: block;
  background-color: white;
  height: 150px;
  width: 104%;
  position: relative;
  top: 430px;
  left: -2%;
  transform: rotate(-1deg);
}
@media screen and (max-width: 2560px) {
  .podcast-header-background:after {
    transform: rotate(-2deg);
  }
}
@media screen and (max-width: 1440px) {
  .podcast-header-background:after {
    transform: rotate(-3deg);
  }
}

.podcast-header-content {
  position: relative;
  top: -400px;
  width: 1000px;
  max-width: 92vw;
  margin: 0 auto -360px auto;
  display: flex;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.2);
}

body:not(.single) .site {
  margin-top: -360px;
}

.single .site-main {
  width: 960px;
  max-width: 92vw;
  margin: 0 auto;
}
.single .site-main .entry-content {
  margin-top: 0;
  margin-bottom: 30px;
}
.single .site-main h1 {
  font-family: League Spartan;
  font-weight: 300;
  text-transform: uppercase;
  font-size: 38px;
  letter-spacing: 2.5px;
  margin-top: 20px;
  margin-bottom: 40px;
}
.single .site-main p {
  margin-bottom: 15px;
  line-height: 1.5;
  font-size: 14px;
}
@media screen and (min-width: 420px) {
  .single .site-main p {
    font-size: 16px;
  }
}
@media screen and (min-width: 1024px) {
  .single .site-main p {
    font-size: 18px;
  }
}
@media screen and (min-width: 1440px) {
  .single .site-main p {
    font-size: 20px;
  }
}

.syndicated-attribution {
  display: none;
}

.emaillist {
  height: 200px;
}

@media screen and (max-width: 781px) {
  .soundwave .logo {
    width: 60vw;
  }
}
.soundwave .wp-block-cover__image-background {
  max-width: 800px;
  margin: 0 auto;
}

.copyright {
  position: relative;
  z-index: 5;
  margin-top: -20px;
}
@media screen and (max-width: 599px) {
  .copyright {
    padding: 0 20px;
  }
}

.liity-postituslistalle {
  background-color: #F2E7D8;
  margin-top: 0px;
  overflow: hidden;
  position: relative;
  z-index: 1;
}
.liity-postituslistalle:before {
  content: "";
  display: block;
  height: 100px;
  width: 110%;
  background-color: #FFFFFF;
  position: relative;
  z-index: 15;
  left: -5%;
  top: -50px;
  margin-bottom: 40px;
  transform: rotate(-1deg);
}
@media screen and (max-width: 2560px) {
  .liity-postituslistalle:before {
    transform: rotate(-2deg);
  }
}
@media screen and (max-width: 1440px) {
  .liity-postituslistalle:before {
    transform: rotate(-3deg);
  }
}
.liity-postituslistalle p {
  text-align: center;
  padding: 20px 20px 0 20px;
  font-size: 20px;
}
@media screen and (min-width: 420px) {
  .liity-postituslistalle p {
    font-size: 22px;
  }
}
@media screen and (min-width: 1024px) {
  .liity-postituslistalle p {
    font-size: 24px;
  }
}
@media screen and (min-width: 1440px) {
  .liity-postituslistalle p {
    font-size: 28px;
  }
}

.es-form-field-container {
  width: 800px;
  max-width: 92vw;
  margin: 0 auto;
}
.es-form-field-container .gjs-row:nth-child(2) {
  background-color: #FFFFFF;
  padding: 5px;
  border-radius: 10px;
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.2);
}
.es-form-field-container input.es-email {
  background-color: #FFFFFF;
  width: 62%;
}
@media screen and (max-width: 599px) {
  .es-form-field-container input.es-email {
    width: 100%;
  }
}
.es-form-field-container input[type=submit] {
  background-color: #FFAC00;
  color: #FFFFFF;
  border-radius: 10px;
  width: 38%;
  float: right;
  position: relative;
  top: -73px;
  padding: 15.5px;
}
@media screen and (max-width: 1024px) {
  .es-form-field-container input[type=submit] {
    padding: 16px;
  }
}
@media screen and (max-width: 599px) {
  .es-form-field-container input[type=submit] {
    float: none;
    top: 0;
    width: 100%;
  }
}

#kanavat {
  position: relative;
  z-index: 10;
  overflow: visible;
}
#kanavat:before {
  content: "";
  display: block;
  height: 140px;
  width: 104%;
  background-color: white;
  position: absolute;
  z-index: 5;
  top: -60px;
  transform: rotate(-1deg);
}
@media screen and (max-width: 2560px) {
  #kanavat:before {
    transform: rotate(-2deg);
  }
}
@media screen and (max-width: 1440px) {
  #kanavat:before {
    transform: rotate(-3deg);
  }
}
#kanavat p {
  margin: 0;
  padding: 30px 0 10px 0;
  position: relative;
  z-index: 10;
  font-size: 24px;
}
@media screen and (min-width: 420px) {
  #kanavat p {
    font-size: 26px;
  }
}
@media screen and (min-width: 1024px) {
  #kanavat p {
    font-size: 30px;
  }
}
@media screen and (min-width: 1440px) {
  #kanavat p {
    font-size: 36px;
  }
}
@media screen and (max-width: 781px) {
  #kanavat p {
    padding-left: 20vw !important;
    padding-right: 20vw !important;
  }
}
@media screen and (max-width: 599px) {
  #kanavat p {
    padding-left: 10vw !important;
    padding-right: 10vw !important;
  }
}
@media screen and (max-width: 414px) {
  #kanavat p {
    padding-left: 0vw !important;
    padding-right: 0vw !important;
  }
}
#kanavat .wp-block-cover__inner-container {
  position: relative;
  z-index: 30;
  max-width: 800px;
}

.es_subscription_message {
  text-align: center;
}

.podcast-services {
  padding: 0;
  margin: 0 auto;
  width: 92vw;
  max-width: 776px;
}
@media screen and (max-width: 1024px) {
  .podcast-services {
    max-width: 580px;
  }
}
@media screen and (max-width: 781px) {
  .podcast-services {
    max-width: 285px;
    padding: 20px 0;
  }
}
.podcast-services li {
  list-style: none;
  margin: 0px;
  padding: 0px;
  display: inline-block;
  width: 60px;
  height: 60px;
}
@media screen and (max-width: 1024px) {
  .podcast-services li {
    width: 44px;
    height: 44px;
  }
}
.podcast-services li a {
  display: block;
  width: inherit;
  height: inherit;
  line-height: 60px;
  padding: 0;
  margin: 0;
  overflow: hidden;
  text-indent: -9999px;
  background-image: url(../images/kangastuksia-podcast-services.jpg);
  background-size: 770px;
  background-position: -13px -8px;
}
@media screen and (max-width: 1024px) {
  .podcast-services li a {
    background-size: 550px;
    background-position: -8px -7px;
  }
}
.podcast-services li a:hover {
  mix-blend-mode: lighten;
  border: 1px solid white;
  opacity: 0.8;
}
.podcast-services li.spotify a {
  background-position: -77px -8px;
}
.podcast-services li.google-podcasts a {
  background-position: -142px -8px;
}
.podcast-services li.podcast-index a {
  background-position: -205px -8px;
}
.podcast-services li.overcast a {
  background-position: -268px -8px;
}
.podcast-services li.amazon-music a {
  background-position: -334px -5px;
}
.podcast-services li.castro a {
  background-position: -398px -5px;
}
.podcast-services li.castbox a {
  background-position: -456px -5px;
}
.podcast-services li.deezer a {
  background-position: -516px -5px;
}
.podcast-services li.player-fm a {
  background-position: -578px -5px;
}
.podcast-services li.goodpods a {
  background-position: -641px -5px;
}
.podcast-services li.podfriend a {
  background-position: -700px -5px;
}
@media screen and (max-width: 1024px) {
  .podcast-services li.spotify a {
    background-position: -53px -8px;
  }
  .podcast-services li.google-podcasts a {
    background-position: -102px -6px;
  }
  .podcast-services li.podcast-index a {
    background-position: -145px -6px;
  }
  .podcast-services li.overcast a {
    background-position: -192px -6px;
  }
  .podcast-services li.amazon-music a {
    background-position: -240px -5px;
  }
  .podcast-services li.castro a {
    background-position: -285px -5px;
  }
  .podcast-services li.castbox a {
    background-position: -327px -5px;
  }
  .podcast-services li.deezer a {
    background-position: -370px -5px;
  }
  .podcast-services li.player-fm a {
    background-position: -415px -5px;
  }
  .podcast-services li.goodpods a {
    background-position: -460px -5px;
  }
  .podcast-services li.podfriend a {
    background-position: -503px -5px;
  }
}

.no-padding {
  padding: 0 !important;
}

.no-margin {
  margin: 0 !important;
}/*# sourceMappingURL=main.css.map */