/**
 * @file
 * Subtheme specific CSS.
 */

@font-face {
    font-family: "Roboto";
    src: url("../fonts/Roboto-VariableFont_wdth,wght.ttf") format("truetype");
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Roboto";
    src: url("../fonts/Roboto-Italic-VariableFont_wdth,wght.ttf") format("truetype");
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: "Dolly";
    src: url("../fonts/Dolly Regular.ttf") format("truetype");
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Dolly";
    src: url("../fonts/Dolly Italic.otf") format("opentype");
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: "Dolly";
    src: url("../fonts/Dolly Bold.otf") format("opentype");
    font-style: bold;
    font-display: swap;
}

@font-face {
    font-family: "Material Icons Round";
    src: url("../fonts/MaterialIconsRound-Regular.otf") format("truetype");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

body .dialog-off-canvas-main-canvas {
    font-family: 'Roboto', Arial, sans-serif;
    color: #545453;
    hyphens: auto;
}

body .dialog-off-canvas-main-canvas h1,
body .dialog-off-canvas-main-canvas h2,
body .dialog-off-canvas-main-canvas h3,
body .dialog-off-canvas-main-canvas h4,
body .dialog-off-canvas-main-canvas h5 {
    font-family: 'Dolly', Georgia, serif;
    color: #545453;
    hyphens: auto;
}

body .dialog-off-canvas-main-canvas a {
    text-decoration: none;
    color: #386D9D;
    hyphens: auto;
    text-decoration: underline;
}

body .dialog-off-canvas-main-canvas a:focus-visible {
    outline: 3px solid #4980C1 !important;
}

body .dialog-off-canvas-main-canvas a.active {
    font-weight: bold;
}

body .dialog-off-canvas-main-canvas a:hover,
body .dialog-off-canvas-main-canvas a:focus {
    text-decoration: underline;
    color: #4980C1;
}

body .dialog-off-canvas-main-canvas .form-control {
    border-radius: 0px;
    padding: 14px 18px;
}

body .dialog-off-canvas-main-canvas .btn {
    border-radius: 0px;
    padding: 18px;
}

body .dialog-off-canvas-main-canvas .btn-primary {
    background: #D81219;
    border-color: #D81219;
}

body .dialog-off-canvas-main-canvas .btn-primary:hover,
body .dialog-off-canvas-main-canvas .btn-primary:focus {
    background: #545453;
    border-color: #545453;
}

body .dialog-off-canvas-main-canvas .btn-secondary {
    background: #4980C1;
    border-color: #4980C1;
}

body .dialog-off-canvas-main-canvas .btn-secondary:hover,
body .dialog-off-canvas-main-canvas .btn-secondary:focus {
    background: #545453;
    border-color: #545453;
}

body .dialog-off-canvas-main-canvas .page-link {
    border-radius: 0px !important;
    padding: 18px;
    color: #fff;
    background: #D81219;
}

body .dialog-off-canvas-main-canvas .page-link:hover,
body .dialog-off-canvas-main-canvas .page-link:focus {
    text-decoration: none;
    color: #fff;
    background: #545453;
}

body .dialog-off-canvas-main-canvas .search-form {
    position: relative;
}

body .dialog-off-canvas-main-canvas .search-form .mb-3 {
    margin-bottom: 0px !important;
}

body .dialog-off-canvas-main-canvas .search-form input[type="search"] {
    border-radius: 30px;
    padding-right: 50px;
    padding-left: 20px;
}

body .dialog-off-canvas-main-canvas .search-form .form-actions {
    position: absolute;
    right: 16px;
    top: 5px;
}

body .dialog-off-canvas-main-canvas .search-form .form-submit {
    border-radius: 30px;
    font-size: 0px;
    background-color: transparent;
    border: 0px;
    padding: 10px 15px;
}

body .dialog-off-canvas-main-canvas .search-form .form-submit::before {
    font-family: 'Material Icons Round';
    content: '\e8b6';
    display: inline-block;
    font-size: 24px;
    color: #545453;
}

body .dialog-off-canvas-main-canvas .nav-tabs .nav-link {
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
}

.container,
.container-lg,
.container-md,
.container-sm,
.container-xl,
.container-xxl {
    max-width: 1620px;
}

.view .view-content {
    margin: 0px;
}

.view .views-row {
    padding: 0px;
}

h1,
h2,
h3,
h4,
h5 {
    margin-bottom: 15px !important;
}

body .dialog-off-canvas-main-canvas .list-group-item {
    border: none;
    border-radius: 0px;
    border-bottom: 1px solid #545453;
    padding-left: 0px;
    padding-right: 0px;
}

body .dialog-off-canvas-main-canvas time:last-child:before {
    display: none;
}

body .dialog-off-canvas-main-canvas time:first-child:before {
    content: '\ebcc';
    font-family: 'Material Icons Round';
    font-weight: normal !important;
    font-size: 22px;
    padding-right: 5px;
    display: inline-flex;
    top: 4px;
    position: relative;
}

body .dialog-off-canvas-main-canvas .field--name-created {
    font-weight: bold;
}

body .dialog-off-canvas-main-canvas table {
    caption-side: top;
}

body .dialog-off-canvas-main-canvas table caption {
    color: #545453;
    font-family: 'Dolly', Georgia, serif;
    font-size: 1.071em;
}

body .dialog-off-canvas-main-canvas table tr th {
    background-color: #545453;
    color: #fff;
}

body>a[href="#main-content"] {
    background-color: #fff;
}

/*colorbox*/
a.colorbox {
    display: inline-block;
    box-shadow: 0px 0px 5px #00000080;
}

a.colorbox img {
    margin: 0px;
}

/*sitemap*/
.sitemap-plugin--menu li.leaf > span {
    display: none;
}

/*spoiler css*/
.spoiler {
    background-color: #eee;
}

.spoiler-title {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    padding: 18px;
    padding-right: 40px;
    background-color: #386D9D;
    font-weight: bold;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    align-items: center;
    color: #fff;
}

.spoiler-title-open {
    background-color: #545453;
}

.spoiler-title:hover,
.spoiler-title:focus-visible {
    background-color: #4980C1 !important;
    cursor: pointer;
    text-decoration: underline;
    transition: background-color 0.3s;
}

.spoiler-toggle {
    display: none;
}

.spoiler-title::after {
    font-family: 'Material Icons Round';
    font-weight: normal !important;
    content: '\e315';
    font-size: 35px;
    position: absolute;
    right: 10px;
    transition: transform 0.3s;
}

.spoiler-title-open::after {
    transform: rotate(90deg) !important;
}

.spoiler-content {
    padding: 18px;
    display: none;
}

/*--- HEADER ---*/

#navbar-top {
    background: #fff;
}

#navbar-main {
    background: #D81219;
    box-shadow: 0px 5px 5px #00000080;
    position: relative;
    z-index: 10;
}

#navbar-main .block {
    margin: auto;
}

.region-header-featured {
    background-color: #386D9D;
    max-width: 100vw;
    margin: 0px;
}

.region-header-featured>.block .content {
    max-width: 1620px;
    margin: auto;
    padding: 12px;
    color: #fff;
    text-align: center;
}

.region-header-featured>.block .field {
    display: inline-flex;
    justify-content: center;
    align-items: center;
}

.region-header-featured>.block .field:before {
    font-family: 'Material Icons Round';
    font-weight: normal !important;
    content: '\e004';
    font-size: 26px;
    padding-right: 10px;
}

.region-header-featured>.block .content a {
    color: #eee;
    font-weight: bold;
}

.region-header-featured>.block .content a:hover,
.region-header-featured>.block .content a:focus-visible {
    color: #fff;
}

.region-header-featured>.block .content p {
    margin: 0px;
}

.region-header-featured>.block svg.ext {
    color: #fff !important;
    fill: #fff !important;
}

a.navbar-brand img {
    max-height: 60px;
}

.region-top-header-form {
    display: flex;
    flex-wrap: wrap;
}

.region-top-header-form>.block {
    width: fit-content;
}

.region-top-header-form ul.nav {
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.region-top-header-form ul.nav li a {
    font-weight: bold;
    color: #545453;
}

.region-top-header-form ul.nav li a:hover,
.region-top-header-form ul.nav li a:focus {
    color: #000;
    text-decoration: underline;
}

/*superfish*/
.block-superfishmain {
    position: initial;
}

#superfish-main {
    margin: auto;
    width: fit-content;
}

#superfish-main.sf-menu li.sf-depth-1 {
    position: initial;
}

#superfish-main.sf-menu li.sf-depth-1 li {
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
}

#superfish-main.sf-menu li.sf-depth-1>ul {
    display: flex;
    flex-direction: column;
    background: #eee !important;
    min-width: 100%;
    min-height: calc(100vh - 86px);
    margin-top: 25px;
}

#superfish-main.sf-menu li.sf-depth-1>ul::before {
    content: '';
    display: block;
    height: 100%;
    width: 100%;
    position: absolute;
    left: 0px;
    background-image: url('../assets/ihmiset.svg');
    background-size: cover;
    background-repeat: repeat;
    background-position: bottom;
    opacity: 0.05;
}

#superfish-main.sf-menu li li:hover>ul,
#superfish-main.sf-menu li li.sfHover>ul {
    left: 300px;
}

#superfish-main.sf-menu li,
#superfish-main.sf-menu.sf-navbar {
    background: transparent;
}

#superfish-main.sf-menu li .sf-menulink {
    color: #545453;
    text-decoration: none;
    line-height: 1.3rem;
    width: 300px;
}

#superfish-main.sf-menu li .sf-menulink:hover,
#superfish-main.sf-menu li .sf-menulink:focus {
    text-decoration: underline;
    background: transparent;
}

#superfish-main.sf-menu>li>.sf-menulink {
    background: transparent;
    color: #fff;
    text-decoration: none;
    font-size: 1.2rem;
    width: fit-content;
}

#superfish-main.sf-menu>li>.sf-menulink:hover,
#superfish-main.sf-menu>li>.sf-menulink:focus {
    text-decoration: underline;
}

#superfish-main.sf-menu.sf-horizontal.sf-shadow ul,
#superfish-main.sf-menu.sf-vertical.sf-shadow ul,
#superfish-main.sf-menu.sf-navbar.sf-shadow ul ul {
    box-shadow: none;
}

#superfish-main.sf-menu li .sf-clone-parent>.sf-menulink {
    padding-left: 20px;
}

#superfish-main.sf-menu li .sf-clone-parent.sf-first>.sf-menulink {
    padding-left: 10px;
    font-size: 1.3rem;
}

#superfish-main.sf-menu li.sf-depth-2.nolink>.sf-menulink {
    padding-left: 10px;
    font-family: 'Dolly', Georgia, serif;
    font-size: 1.3rem;
    color: #fff;
    text-decoration: none !important;
}

#superfish-main.sf-menu li.sf-depth-2.nolink>.sf-menulink::after {
    display: none;
}

#superfish-main.sf-menu li.sf-depth-2.nolink {
    position: absolute;
    right: calc(50vw - 599px);
    top: 50px;
    width: fit-content;
    margin-left: auto;
    margin-right: 0px;
    background: #386D9D;
    z-index: 500;
    padding: 10px 0px;
    border-left: 10px solid transparent !important;
}

#superfish-main.sf-menu li.sf-depth-2.nolink.sf-no-children {
    display: none;
}

#superfish-main.sf-menu li.nolink li {
    padding: 0px 10px;
    width: 300px;
    border-left: 10px solid transparent !important;
}

#superfish-main.sf-menu li.nolink svg.ext {
    color: #fff !important;
    fill: #fff !important;
}

#superfish-main.sf-menu li.nolink a.sf-menulink {
    color: #fff;
    border-bottom: 1px solid #fff;
    margin: 0px;
    width: 100%;
    display: inline-block;
}

#superfish-main.sf-menu li.nolink li:last-child a.sf-menulink {
    border-bottom: none;
}

#superfish-main.sf-menu li.sf-depth-2.nolink>ul,
#superfish-main.sf-menu li.sf-depth-2.nolink>ul.sf-hidden {
    display: inline-block !important;
    position: relative !important;
    left: 0px !important;
    top: 0px !important;
    overflow: initial !important;
    height: auto !important;
    opacity: 1 !important;
}

#superfish-main.sf-menu .sf-sub-indicator {
    display: none;
}

#superfish-main.sf-menu li.menuparent>.menuparent::after {
    font-family: 'Material Icons Round';
    font-weight: normal !important;
    content: '\e5cf';
    font-size: 35px;
    position: absolute;
    right: 0px;
    transition: transform 0.3s;
}

#superfish-main.sf-menu li.menuparent li {
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    transition: border 0.3s;
}

#superfish-main.sf-menu li.menuparent li.sfHover.menuparent {
    border-left: 10px solid #545453;
}

#superfish-main.sf-menu li.menuparent.sfHover>.menuparent::after {
    transform: rotateX(180deg)
}

#superfish-main.sf-menu li li.menuparent>.menuparent::after {
    font-family: 'Material Icons Round';
    font-weight: normal !important;
    content: '\e5c8';
    font-size: 25px;
    color: #545453;
    position: absolute;
    right: 0px;
    margin-right: 15px;
    transition: margin 0.3s;
}

#superfish-main.sf-menu li li.menuparent.sfHover>.menuparent::after {
    margin-right: 0px;
}

#superfish-main a.is-active,
#superfish-main .active-trail>a.sf-menulink,
#superfish-main-accordion li a.is-active,
#superfish-main-accordion .active-trail>a.sf-menulink {
    background: transparent;
    font-weight: bold !important;
}

/*mobiili superfish*/
#superfish-main-toggle {
    position: absolute;
    right: 10px;
    top: -75px;
    font-size: 0px;
    background: transparent;
    transition: transform 0.2s;
}

#superfish-main-toggle::after {
    font-family: 'Material Icons Round';
    font-weight: normal !important;
    content: '\e5d2';
    font-size: 25px;
    color: #545453;
    font-size: 40px;
    position: relative;
    right: 0px;
    top: 0px;
}

#superfish-main-toggle.sf-expanded {
    transform: scaleY(-1);
}

#superfish-main-toggle.sf-expanded::after {
    content: '\e5cd';
}

#superfish-main-accordion li,
#superfish-main-accordion.sf-navbar {
    background: transparent;
}

#superfish-main-accordion .sf-sub-indicator {
    display: none;
}

#superfish-main-accordion a,
#superfish-main-accordion a:visited,
#superfish-main-accordion span.nolink {
    display: inline-flex;
    flex-wrap: nowrap;
    width: 100%;
    align-items: center;
    padding-top: 16px;
    padding-bottom: 16px;
    color: #545453;
    background: transparent !important;
}

#superfish-main-accordion a.sf-expanded,
#superfish-main-accordion li.sf-expanded>a,
#superfish-main-accordion li.sf-expanded>span.nolink {
    font-weight: normal;
}

#superfish-main-accordion.sf-menu li.menuparent>.menuparent::after {
    font-family: 'Material Icons Round';
    font-weight: normal !important;
    content: '\e5cf';
    font-size: 40px;
    position: absolute;
    right: 0px;
    transition: transform 0.3s;
}

#superfish-main-accordion.sf-menu li {
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    transition: border 0.3s;
}

#superfish-main-accordion.sf-menu li.menuparent.sf-expanded {
    border-left: 10px solid #545453;
}

#superfish-main-accordion.sf-menu li.menuparent.sf-expanded>.menuparent::after {
    transform: rotateX(180deg);
    color: #545453;
}

#superfish-main-accordion ul {
    display: flex;
    flex-direction: column;
}

#superfish-main-accordion li.sf-depth-2.nolink {
    border-left: 10px solid transparent !important;
    background-color: #386D9D;
    padding-top: 10px;
    padding-bottom: 10px;
    order: 1;
    margin-left: -10px;
    min-width: calc(100% + 20px);
}

#superfish-main-accordion li.sf-depth-2.nolink.sf-no-children {
    display: none;
}

#superfish-main-accordion li.nolink li {
    padding: 0px 10px;
    width: 100%;
    border-left: 10px solid transparent !important;
}

#superfish-main-accordion li.nolink a.sf-menulink {
    color: #fff;
    border-bottom: 1px solid #fff;
    margin: 0px;
    width: 100%;
    display: inline-block;
}

#superfish-main-accordion li.nolink li:last-child a.sf-menulink {
    border-bottom: none;
}

#superfish-main-accordion li.sf-depth-2.nolink>.sf-menulink {
    padding-left: 10px;
    font-family: 'Dolly', Georgia, serif;
    font-size: 1.3rem;
    color: #fff;
    text-decoration: none !important;
}

#superfish-main-accordion li.sf-depth-2.nolink>.sf-menulink::after {
    display: none;
}

#superfish-main-accordion li.sf-depth-2.nolink>ul,
#superfish-main-accordion li.sf-depth-2.nolink>ul.sf-hidden {
    display: inline-block !important;
    position: relative !important;
    left: 0px !important;
    top: 0px !important;
    overflow: initial !important;
    height: auto !important;
    opacity: 1 !important;
    min-width: 100%;
}


/*--- HIGHLIGHTED ---*/

.highlighted .container {
    margin: 0px;
    padding: 0px;
    max-width: 100vw !important;
}

/*diaesitys flexslider*/
.block-views-blockdiaesitys-block-1 .view-content>* {
    padding: 0px;
}

.block-views-blockdiaesitys-block-1 .flexslider {
    border: 0px;
    border-radius: 0px;
    margin: 0px;
    background: #D81219;
    overflow-x: clip;
}

.block-views-blockdiaesitys-block-1 .flexslider::after {
    content: '';
    position: absolute;
    top: 0px;
    left: 0px;
    display: block;
    height: 100%;
    width: 100%;
    background-image: url('../assets/ihmiset.svg');
    background-size: 2000px;
    background-repeat: repeat;
    background-position: top;
    filter: invert(1);
    opacity: 0.15;
}

.block-views-blockdiaesitys-block-1 .flexslider .slides {
    max-width: 1620px;
    margin: auto;
    max-height: 620px;
    overflow-y: clip;
}

.block-views-blockdiaesitys-block-1 .flexslider .slides li:not(.flex-active-slide) {
    display: none !important;
}

.block-views-blockdiaesitys-block-1 .flexslider .slides li.flex-active-slide {
    display: flex !important;
    max-height: 620px;
}

.block-views-blockdiaesitys-block-1 .flexslider .slides img {
    display: flex !important;
    position: relative;
    left: 100px;
    max-height: 620px;
    mask-image: url('../assets/pyhantajarvi-viiva.svg');
    mask-repeat: no-repeat;
    mask-size: 120%;
    mask-position: center;
}

.block-views-blockdiaesitys-block-1 .flexslider .views-field-field-kuva {
    width: 70%;
    max-width: 1344px;
    order: 1;
}

.block-views-blockdiaesitys-block-1 .flexslider .flex-caption {
    height: 100%;
    width: 30%;
    max-width: 576px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 20px;
    margin-top: auto;
    margin-bottom: auto;
}

.block-views-blockdiaesitys-block-1 .flexslider .flex-caption-content {
    position: relative;
    left: 50px;
    z-index: 1;
}

.block-views-blockdiaesitys-block-1 .flexslider .flex-caption-content h1,
.block-views-blockdiaesitys-block-1 .flexslider .flex-caption-content h2,
.block-views-blockdiaesitys-block-1 .flexslider .flex-caption-content h3,
.block-views-blockdiaesitys-block-1 .flexslider .flex-caption-content h4,
.block-views-blockdiaesitys-block-1 .flexslider .flex-caption-content h5,
.block-views-blockdiaesitys-block-1 .flexslider .flex-caption-content a,
.block-views-blockdiaesitys-block-1 .flexslider .flex-caption-content {
    color: #fff;
}

.block-views-blockdiaesitys-block-1 .flexslider svg.ext {
    color: #fff !important;
    fill: #fff !important;
}

.block-views-blockdiaesitys-block-1 .flexslider .read-more {
    box-shadow: 0px 0px 5px #00000080;
}

.flex-control-nav {
    display: none;
}

.flex-direction-nav {
    display: none;
    justify-content: space-between;
    margin: 0px calc(50% - 75px);
    width: 150px;
    height: 60px;
    position: absolute;
    bottom: -30px;
    background-color: #D81219;
    box-shadow: 0px 0px 5px #00000080;
    z-index: 2;
}

.flex-direction-nav a::before {
    font-size: 35px;
}

.flex-control-paging li a {
    border-radius: 0px;
}

.flex-direction-nav a.flex-next::before {
    content: '\e5cc';
    display: block;
    font-size: 30px;
    border-radius: 0px !important;
    color: inherit;
    border: none;
    text-align: left;
    width: 100%;
    padding-left: 10px;
    font-family: 'Material Icons Round';
}

.flex-direction-nav a.flex-prev::before {
    content: '\e5cb';
    display: block;
    font-size: 30px;
    border-radius: 0px !important;
    color: inherit;
    border: none;
    text-align: right;
    width: 100%;
    padding-right: 10px;
    font-family: 'Material Icons Round';
}

.flex-direction-nav a.flex-next,
.flex-direction-nav a.flex-prev {
    font-size: 0px;
    position: relative;
    z-index: 1;
}

.flexslider .flex-direction-nav a,
.flexslider .flex-direction-nav a {
    display: flex !important;
    justify-content: center;
    align-items: center;
    height: 100%;
    width: 50px;
    height: 60px;
    top: 0px;
    margin: 0px;
    cursor: pointer;
    text-decoration: none!important;
}

.flexslider .flex-direction-nav .flex-prev {
    position: relative;
    opacity: 1 !important;
    left: 0px !important;
    color: #fff;
}

.flexslider .flex-direction-nav .flex-next {
    position: relative;
    opacity: 1 !important;
    right: 0px !important;
    color: #fff;
}

.flexslider .flex-direction-nav .flex-prev:focus-visible,
.flexslider .flex-direction-nav .flex-prev:hover,
.flexslider .flex-direction-nav .flex-next:focus-visible,
.flexslider .flex-direction-nav .flex-next:hover {
    color: #fff;
    background-color: #545453;
}

.flex-pauseplay {
    display: none;
}

.flex-pauseplay a {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    left: calc(50% - 25px);
    width: 50px;
    height: 60px;
    bottom: -30px;
    background-color: #D81219;
    font-size: 0px;
    opacity: 1;
    z-index: 3;
    text-decoration: none!important;
}

.flex-pauseplay a:hover,
.flex-pauseplay a:focus-visible {
    background-color: #545453;
}

.flex-pauseplay a::before {
    content: '\e034';
    display: block;
    font-size: 30px;
    border-radius: 0px !important;
    color: #fff;
    border: none;
    text-align: right;
    width: fit-content;
    height: fit-content;
    font-family: 'Material Icons Round';
}

.flex-pauseplay a.flex-play::before {
    content: '\e037';
}


/*--- FEATURED TOP ---*/

/*--- MAIN ---*/
#main-wrapper {
    margin: 30px 0px;
}

#main-wrapper .content img {
    max-width: 100%;
    height: auto;
}

.layout--twocol-section--33-67 .layout__region--first,
.layout--twocol-section--75-25 .layout__region--first,
.layout--threecol-section--25-50-25 .layout__region--first {
    padding-right: 40px;
}

.layout--twocol-section--33-67 .layout__region--third,
.layout--twocol-section--75-25 .layout__region--second,
.layout--threecol-section--25-50-25 .layout__region--third,
.layout--twocol-section--67-33 .layout__region--second {
    padding-left: 40px;
}

.layout__region .block {
    margin-bottom: 30px;
}

/*menu*/

#main-wrapper .menu--main {
    background-color: #D81219;
    position: relative;
    padding: 10px 0px;
}

#main-wrapper .menu--main::before {
    content: '';
    position: absolute;
    top: 0px;
    left: 0px;
    display: block;
    height: 100%;
    width: 100%;
    background-image: url('../assets/sydamet.svg');
    background-size: 1600px;
    background-repeat: repeat;
    background-position: center;
    filter: invert(1);
    opacity: 0.15;
}

#main-wrapper .menu--main h2 {
    padding: 10px 20px;
    margin: 0px;
    color: #fff;
}

#main-wrapper .menu--main h2 a {
    color: #fff;
    width: 100%;
    display: inline-block;
    padding-left: 35px;
    position: relative;
}

#main-wrapper .menu--main h2 a::before {
    font-family: 'Material Icons Round';
    font-weight: normal !important;
    content: '\e5c4';
    font-size: 25px;
    position: absolute;
    left: 0px;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    text-decoration: none !important;
    transition: margin 0.3s;
}

#main-wrapper .menu--main h2 a:hover::before,
#main-wrapper .menu--main h2 a:focus::before {
    margin-left: -10px;
}

#main-wrapper .menu--main h2 a.is-active {
    padding-left: 0px;
}

#main-wrapper .menu--main h2 a.is-active::before {
    display: none;
}

#main-wrapper .menu--main .navbar-nav ul.dropdown-menu {
    display: none;
    background-color: none !important;
    z-index: 0;
}

#main-wrapper .menu--main .navbar-nav .active>ul.dropdown-menu,
#main-wrapper .menu--main .navbar-nav li.nolink>ul.dropdown-menu {
    position: relative !important;
    display: flex !important;
    flex-direction: column;
    border: none;
    background: transparent;
    border-radius: 0px;
    padding: 0px;
    inset: none !important;
    margin: 0px !important;
    transform: none !important;
}

#main-wrapper .menu--main .navbar-nav li {
    background-color: transparent;
    padding: 0px 15px;
}

#main-wrapper .menu--main .navbar-nav>li:last-child:not(.nolink) {
    margin-bottom: 10px;
}

#main-wrapper .menu--main .navbar-nav li>*,
#main-wrapper .menu--main .navbar-nav li li>* {
    position: relative;
    color: #fff;
    padding: 10px 20px;
    display: inline-block;
    width: 100%;
    text-wrap: auto;
    border-top: 1px solid #fff;
}

#main-wrapper .menu--main .navbar-nav li:first-child>*,
#main-wrapper .menu--main .navbar-nav li.nolink li:first-child>* {
    border-top: none;
}

#main-wrapper .menu--main .navbar-nav ul li:first-child>* {
    border-top: 1px solid #fff;
}

#main-wrapper .menu--main .navbar-nav li.nolink {
    display: inline-block !important;
    background-color: #386D9D;
    padding: 10px 0px;
    margin-top: 10px;
    margin-bottom: -10px;
    border-top: 30px solid #fff;
    order: 1;
}

#main-wrapper .menu--main .navbar-nav li.nolink::before {
    content: '';
    position: absolute;
    top: 0px;
    left: 0px;
    display: block;
    height: 100%;
    width: 100%;
    background-image: url('../assets/sydamet.svg');
    background-size: 1800px;
    background-repeat: repeat;
    background-position: center;
    filter: invert(1);
    opacity: 0.15;
}

#main-wrapper .menu--main .navbar-nav li.nolink>span {
    font-family: 'Dolly', Georgia, serif;
    font-size: 1.3rem;
    color: #fff;
    border-top: none;
}

#main-wrapper .menu--main .navbar-nav li.nolink li>* {
    color: #fff;
}

#main-wrapper .menu--main .navbar-nav a.dropdown-toggle {
    padding-right: 45px;
}

#main-wrapper .menu--main .navbar-nav a.dropdown-toggle::after {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    font-family: 'Material Icons Round';
    font-weight: normal !important;
    content: '\e5cf';
    font-size: 35px;
    position: absolute;
    top: 0px;
    right: 10px;
    transition: transform 0.3s;
    border: none !important;
}

#main-wrapper .menu--main .navbar-nav a.dropdown-toggle.active::after {
    transform: rotateX(180deg);
}

#main-wrapper .menu--main .navbar-nav li.nolink>*::after {
    display: none;
}

#main-wrapper .menu--main a {
    text-decoration: none;
}

#main-wrapper .menu--main a:hover,
#main-wrapper .menu--main a:focus-visible {
    text-decoration: underline;
}

.block-field-blocknodepagefield-lisatietoa,
.layout--twocol-section--75-25 .layout__region--second .block-field-blocknodelaskeutumissivubody {
    padding: 20px;
    background: #386D9D;
    position: relative;
}

.block-field-blocknodepagefield-lisatietoa::before,
.layout--twocol-section--75-25 .layout__region--second .block-field-blocknodelaskeutumissivubody::before {
    content: '';
    position: absolute;
    left: 0px;
    top: 0px;
    display: block;
    height: 100%;
    width: 100%;
    background-image: url('../assets/sydamet.svg');
    background-size: 1800px;
    background-repeat: repeat;
    background-position: center;
    filter: invert(1);
    opacity: 0.15;
}

.block-field-blocknodepagefield-lisatietoa .content,
.block-field-blocknodepagefield-lisatietoa .content h1,
.block-field-blocknodepagefield-lisatietoa .content h2,
.block-field-blocknodepagefield-lisatietoa .content h3,
.block-field-blocknodepagefield-lisatietoa .content h4,
.block-field-blocknodepagefield-lisatietoa .content h5,
.layout--twocol-section--75-25 .layout__region--second .block-field-blocknodelaskeutumissivubody .content,
.layout--twocol-section--75-25 .layout__region--second .block-field-blocknodelaskeutumissivubody h1,
.layout--twocol-section--75-25 .layout__region--second .block-field-blocknodelaskeutumissivubody h2,
.layout--twocol-section--75-25 .layout__region--second .block-field-blocknodelaskeutumissivubody h3,
.layout--twocol-section--75-25 .layout__region--second .block-field-blocknodelaskeutumissivubody h4,
.layout--twocol-section--75-25 .layout__region--second .block-field-blocknodelaskeutumissivubody h5 {
    color: #fff;
    position: relative;
    z-index: 1;
}

.block-field-blocknodepagefield-lisatietoa .content a,
.layout--twocol-section--75-25 .layout__region--second .block-field-blocknodelaskeutumissivubody a {
    color: #eee !important;
    position: relative;
    z-index: 1;
    text-decoration: underline;
    font-weight: bold;
}

.block-field-blocknodepagefield-lisatietoa .content a:hover,
.block-field-blocknodepagefield-lisatietoa .content a:focus-visible,
.layout--twocol-section--75-25 .layout__region--second .block-field-blocknodelaskeutumissivubody a:hover,
.layout--twocol-section--75-25 .layout__region--second .block-field-blocknodelaskeutumissivubody a:focus-visible {
    color: #fff !important;
}

.block-field-blocknodepagefield-lisatietoa .read-more,
.layout--twocol-section--75-25 .layout__region--second .block-field-blocknodelaskeutumissivubody .read-more {
    box-shadow: 0px 0px 5px #00000080;
}

.block-field-blocknodepagefield-image .field__items {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.block-field-blocknodepagefield-image img {
    margin: 0px;
}

/*nostot*/
.view-id-nostot.view-display-id-block_2 .view-content {
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
    margin-top: 30px;
}

.view-id-nostot.view-display-id-block_3 .view-content {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(0, calc(25% - 23px)));
    gap: 30px;
    margin-top: 30px;
    margin-left: 0px;
    margin-right: 0px;
}

.view-id-nostot.view-display-id-block_3 .views-row {
    display: inline-flex;
    padding: 0px;
}

.view-id-nostot.view-display-id-block_3 .views-field {
    width: 100%;
}

.nosto-item {
    display: flex;
    gap: 30px;
}

.view-id-nostot.view-display-id-block_2 .views-row:nth-child(even) .nosto-item-image {
    order: 1;
}

.nosto-item-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    position: relative;
    padding: 40px;
    background-color: #D81219;
    color: #fff !important;
    text-align: center;
    padding-right: 60px;
    transition: 0.3s background-color;
}

.nosto-item-link::after {
    font-family: 'Material Icons Round';
    font-weight: normal !important;
    content: '\e5c8';
    font-size: 25px;
    position: absolute;
    right: 0px;
    margin-right: 30px;
    transition: margin 0.3s;
}

.nosto-item-link:hover,
.nosto-item-link:focus {
    background-color: #E73142;
}

.nosto-item-link:hover::after,
.nosto-item-link:focus::after {
    margin-right: 20px;
}

.nosto-item-image {
    position: relative;
    overflow: clip;
    flex: 0 1 50%;
    aspect-ratio: 16/9;
    background-color: #fff;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    box-shadow: 0px 0px 5px #00000080;
}

.nosto-item-image img {
    width: 100%;
    position: relative;
}

.nosto-item-image img.no-image {
    max-width: 260px !important;
}

.nosto-item-desc {
    display: inline-block;
    position: relative;
    padding: 40px;
    flex: 0 1 50%;
    background: #D81219;
    color: #fff !important;
    z-index: 1;
}

.nosto-item-desc::before {
    content: '';
    position: absolute;
    top: 0px;
    left: 0px;
    display: block;
    height: 100%;
    width: 100%;
    background-image: url('../assets/sydamet.svg');
    background-size: 1600px;
    background-repeat: repeat;
    background-position: center;
    filter: invert(1);
    opacity: 0.15;
    z-index: -1;
}

.nosto-item-desc h3 {
    color: #fff !important;
}

.read-more {
    display: inline-flex;
    align-items: center;
    position: relative;
    background-color: #386D9D;
    padding: 18px;
    color: #fff !important;
    padding-right: 60px;
    text-decoration: none !important;
    transition: 0.3s background-color;
}

.read-more::after {
    font-family: 'Material Icons Round';
    font-weight: normal !important;
    content: '\e5c8';
    font-size: 25px;
    position: absolute;
    right: 0px;
    margin-right: 20px;
    transition: margin 0.3s;
}

.read-more:hover,
.read-more:focus {
    background-color: #4980C1;
}

.read-more:hover::after,
.read-more:focus::after {
    margin-right: 10px;
}

.nosto-item-desc .read-more {
    box-shadow: 0px 0px 5px #00000080;
}

/*--- FEATURED BOTTOM ---*/
.featured-bottom .container {
    max-width: 100vw !important;
    margin: 0px;
    padding: 0px;
}

.featured-bottom .container>.row {
    margin: 60px 0px;
}

.featured-bottom .region-featured-bottom-first,
.featured-bottom .region-featured-bottom-third {
    margin-bottom: 0px !important;
}

.featured-bottom .container .block .content,
.featured-bottom .container .block h2,
.featured-bottom .container .block ul.nav {
    max-width: 1620px;
    margin: auto;
}

.region-featured-bottom-first .block h2,
.region-featured-bottom-third .block h2 {
    color: #fff;
}

/*quicktabs*/
.block-quicktabs-blocketusivu {
    position: relative;
    background-color: #D81219;
    padding: 0px 12px;
    padding-bottom: 40px;
    z-index: 1;
}

.block-quicktabs-blocksome,
.block-views-blocktapahtumat-block-6 {
    position: relative;
    background-color: #386D9D;
    padding: 0px 12px;
    padding-bottom: 40px;
    z-index: 1;
}

.block-views-blocktapahtumat-block-6 {
    padding-top: 40px;
}

.block-quicktabs-blocketusivu::before,
.block-quicktabs-blocksome::before,
.block-views-blocktapahtumat-block-6::before {
    content: '';
    position: absolute;
    display: block;
    height: 100%;
    width: 100%;
    top: 0px;
    left: 0px;
    background-image: url('../assets/ihmiset.svg');
    background-size: cover;
    background-repeat: repeat;
    background-position: bottom;
    filter: invert(1);
    opacity: 0.15;
    z-index: -1;
}

.block-quicktabs-blocketusivu svg.ext {
    color: #fff !important;
    fill: #fff !important;
}

ul.quicktabs-tabs {
    margin-top: -30px;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    width: 100%;
    max-width: 1620px;
    gap: 15px 30px;
    justify-content: space-evenly;
}

ul.quicktabs-tabs li {
    width: fit-content;
    border: none;
    border-radius: 0px;
    background: none !important;
}

ul.quicktabs-tabs li>a {
    text-decoration: none !important;
    text-align: center;
    display: inline-block;
    color: #fff;
    background: #386D9D;
    padding: 18px;
    width: 240px;
    box-shadow: 0px 0px 5px #00000080;
    transition: 0.3s background-color;
}

ul.quicktabs-tabs li a.active {
    background: #545453 !important;
    color: #fff;
}

ul.quicktabs-tabs li>a:hover,
ul.quicktabs-tabs li>a:focus-visible {
    background: #4980C1 !important;
    color: #fff;
    text-decoration: none;
}

.quicktabs-main {
    margin-top: 20px;
}

#block-pyhanta-barrio-rsslupapiste {
    padding-top: 40px;
}

.facebook-iframe {
    max-width: 500px;
}

.instagram-iframe {
    max-width: 1080px;
}

.block-quicktabs-blocksome .field {
    display: flex;
    flex-wrap: nowrap;
    gap: 30px;
    justify-content: space-between;
}

iframe {
    max-width: 100%;
}

/*kortti*/
.kortti-item-blue {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    background-color: #386D9D;
    box-shadow: 0px 0px 5px #00000080;
    transition: 0.3s background-color;
    overflow: clip;
    text-decoration: none !important;
}

.kortti-item-blue:hover,
.kortti-item-blue:focus {
    background-color: #4980C1;
    text-decoration: none !important;
}

.kortti-item-red {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    background-color: #D81219;
    box-shadow: 0px 0px 5px #00000080;
    transition: 0.3s background-color;
    overflow: clip;
    text-decoration: none !important;
}

.kortti-item-red:hover,
.kortti-item-red:focus {
    background-color: #E73142;
    text-decoration: none !important;
}

.kortti-item-blue img,
.kortti-item-red img {
    width: inherit;
    height: 225px !important;
    object-fit: cover;
    background-color: #fff;
    transition: 0.3s transform;
}

.kortti-item-blue:hover img,
.kortti-item-blue:focus img,
.kortti-item-red:hover img,
.kortti-item-red:focus img {
    transform: scale(1.1);
}

.kortti-item-blue img.no-image,
.kortti-item-red img.no-image {
    object-fit: contain;
    padding: 40px;

}

.kortti-desc {
    padding: 20px;
}

.kortti-desc h3,
.kortti-desc {
    color: #fff !important;
}

/*ajankohtaista*/
.view-id-ajankohtaista.view-display-id-block_1 .view-content,
.view-id-ajankohtaista.view-display-id-block_3 .view-content,
.view-id-ajankohtaista.view-display-id-block_4 .view-content,
.view-id-ajankohtaista.view-display-id-block_5 .view-content,
.view-id-tapahtumat.view-display-id-block_3 .view-content,
.view-id-tapahtumat.view-display-id-block_6 .view-content {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(0, calc(25% - 23px)));
    gap: 30px;
    padding-bottom: 30px;
}

.view-id-ajankohtaista.view-display-id-block_6 .view-content,
.view-id-ajankohtaista.view-display-id-block_8 .view-content,
.view-id-ajankohtaista.view-display-id-block_9 .view-content,
.view-id-tapahtumat.view-display-id-block_4 .view-content {
    display: grid;
    gap: 30px;
    padding-bottom: 30px;
}

.view-id-ajankohtaista.view-display-id-block_1 .views-row,
.view-id-ajankohtaista.view-display-id-block_3 .views-row,
.view-id-ajankohtaista.view-display-id-block_4 .views-row,
.view-id-ajankohtaista.view-display-id-block_5 .views-row,
.view-id-ajankohtaista.view-display-id-block_6 .views-row,
.view-id-ajankohtaista.view-display-id-block_8 .views-row,
.view-id-ajankohtaista.view-display-id-block_9 .views-row,
.view-id-tapahtumat.view-display-id-block_3 .views-row,
.view-id-tapahtumat.view-display-id-block_6 .views-row {
    display: flex;
}

.view-id-ajankohtaista.view-display-id-block_1 .views-field,
.view-id-ajankohtaista.view-display-id-block_3 .views-field,
.view-id-ajankohtaista.view-display-id-block_4 .views-field,
.view-id-ajankohtaista.view-display-id-block_5 .views-field,
.view-id-ajankohtaista.view-display-id-block_6 .views-field,
.view-id-ajankohtaista.view-display-id-block_8 .views-field,
.view-id-ajankohtaista.view-display-id-block_9 .views-field,
.view-id-tapahtumat.view-display-id-block_3 .views-field,
.view-id-tapahtumat.view-display-id-block_6 .views-field {
    width: 100%;
}

.view-id-ajankohtaista.view-display-id-block_1 .more-link a,
.view-id-ajankohtaista.view-display-id-block_3 .more-link a,
.view-id-ajankohtaista.view-display-id-block_4 .more-link a,
.view-id-ajankohtaista.view-display-id-block_5 .more-link a,
.view-id-tapahtumat.view-display-id-block_3 .more-link a,
.view-id-tapahtumat.view-display-id-block_6 .more-link a,
#block-pyhanta-barrio-rsslupapiste .more-link a {
    color: #eee !important;
}

.view-id-ajankohtaista.view-display-id-block_1 .more-link a:hover,
.view-id-ajankohtaista.view-display-id-block_1 .more-link a:focus-visible,
.view-id-ajankohtaista.view-display-id-block_3 .more-link a:hover,
.view-id-ajankohtaista.view-display-id-block_3 .more-link a:focus-visible,
.view-id-ajankohtaista.view-display-id-block_4 .more-link a:hover,
.view-id-ajankohtaista.view-display-id-block_4 .more-link a:focus-visible,
.view-id-ajankohtaista.view-display-id-block_5 .more-link a:hover,
.view-id-ajankohtaista.view-display-id-block_5 .more-link a:focus-visible,
.view-id-tapahtumat.view-display-id-block_3 .more-link a:hover,
.view-id-tapahtumat.view-display-id-block_3 .more-link a:focus-visible,
.view-id-tapahtumat.view-display-id-block_6 .more-link a:hover,
.view-id-tapahtumat.view-display-id-block_6 .more-link a:focus-visible,
#block-pyhanta-barrio-rsslupapiste .more-link a:hover,
#block-pyhanta-barrio-rsslupapiste .more-link a:focus-visible {
    color: #fff !important;
}

.more-link {
    text-align: right;
}

.more-link a {
    display: inline-flex;
    align-items: center;
    padding-right: 50px;
    position: relative;
    margin-bottom: 20px;
    font-weight: bold;
}

.more-link a::after {
    font-family: 'Material Icons Round';
    font-weight: normal !important;
    content: '\e5c8';
    font-size: 25px;
    position: absolute;
    right: 0px;
    margin-right: 15px;
    transition: margin 0.3s;
}

.more-link a:hover::after,
.more-link a:focus::after {
    margin-right: 0px;
}

/*rss*/
.rssfeed-block .views-row,
.rsslupapiste-block .views-row {
    border-bottom: 2px solid rgba(255, 255, 255, 0.15);
    margin: 10px 0px;
    padding: 5px 0px;
    color: #fff;
}

.rssfeed-block a,
.rsslupapiste-block a {
    color: #fff !important;
    display: inline-flex;
}

.rsslupapiste-block .views-row h4,
.rsslupapiste-block .views-row p {
    margin-bottom: 5px !important;
}

/*viikon kuva*/
.view-id-viikon_kuva.view-display-id-block_1 .view-content,
.view-id-viikon_kuva.view-display-id-block_2 {
    display: flex;
    flex-wrap: wrap;
    gap: 15px 30px;
}

div[data-contextual-id] {
    display: none;
}

.view-id-viikon_kuva.view-display-id-block_2 .view-header {
    display: inline-block;
    position: relative;
    padding: 40px;
    flex: 0 1 calc(50% - 15px);
    background: #D81219;
    color: #fff;
    z-index: 1;
}

.block-views-blockviikon-kuva-block-2 .view-header h3,
.block-views-blockviikon-kuva-block-2 .viikon-kuva-desc h3 {
    color: #fff;
}

.view-id-viikon_kuva.view-display-id-block_1 .viikon-kuva-desc h3 {
    color: #fff;
    font-size: 20px;
}

.block-views-blockviikon-kuva-block-2 .view-header::before {
    content: '';
    position: absolute;
    top: 0px;
    left: 0px;
    display: block;
    height: 100%;
    width: 100%;
    background-image: url('../assets/sydamet.svg');
    background-size: 1600px;
    background-repeat: repeat;
    background-position: center;
    filter: invert(1);
    opacity: 0.15;
    z-index: -1;
}

.block-views-blockviikon-kuva-block-1 .views-row,
.block-views-blockviikon-kuva-block-2 .view-content {
    flex: 0 1 calc(50% - 15px);
}

.block-views-blockviikon-kuva-block-1 .views-row img,
.block-views-blockviikon-kuva-block-2 .view-content img {
    width: 100%;
    height: auto;
    box-shadow: 0px 0px 5px #00000080;
    aspect-ratio: 16/9;
    object-fit: contain;
}

.block-views-blockviikon-kuva-block-1 .viikon-kuva-desc,
.block-views-blockviikon-kuva-block-2 .viikon-kuva-desc {
    position: absolute;
    aspect-ratio: 1/1;
    width: 150px;
    padding: 20px;
    color: #fff;
    background: #D81219;
    z-index: 1;
    font-size: 13px;
}

.block-views-blockviikon-kuva-block-1 .viikon-kuva-desc::before,
.block-views-blockviikon-kuva-block-2 .viikon-kuva-desc::before {
    content: '';
    position: absolute;
    display: block;
    height: 100%;
    width: 100%;
    top: 0px;
    left: 0px;
    background-image: url('../assets/ihmiset.svg');
    background-size: 2000px;
    background-repeat: repeat;
    background-position: center;
    filter: invert(1);
    opacity: 0.15;
    z-index: -1;
}

.block-views-blockviikon-kuva-block-2 .more-link {
    flex: 0 1 100%;
}

.block-views-blockviikon-kuva-block-1 nav {
    margin-top: 20px;
}

.block-views-blockviikon-kuva-block-1 .views-row a,
.block-views-blockviikon-kuva-block-2 .views-row a {
    display: inline-flex;
    height: 100%;
    width: 100%;
    position: relative;
    overflow: clip;
}

.block-views-blockviikon-kuva-block-1 .views-row img,
.block-views-blockviikon-kuva-block-2 .views-row img {
    position: relative;
}

.block-views-blockviikon-kuva-block-2 .views-field-field-kuvatiedosto,
.block-views-blockviikon-kuva-block-2 .views-field-field-kuvatiedosto .field-content {
    display: inline-flex;
    height: 100%;
    width: 100%;
}

.image-blur {
    display: inline-flex;
    position: absolute;
    height: 100%;
    width: 100%;
    background-position: center;
    background-size: 300%;
    filter: blur(20px);
}

/*tapahtumat*/
.block-views-blocktapahtumat-block-3 {
    position: relative;
    background-color: #386D9D;
    padding: 40px 0px;
    margin-top: 80px;
}

.block-views-blocktapahtumat-block-3::before {
    content: '';
    position: absolute;
    display: block;
    height: 100%;
    width: 100%;
    top: 0px;
    left: 0px;
    background-image: url('../assets/ihmiset.svg');
    background-size: cover;
    background-repeat: repeat;
    background-position: bottom;
    filter: invert(1);
    opacity: 0.15;
}

.tapahtuma-location::before {
    content: '\e0c8';
    font-family: 'Material Icons Round';
    font-weight: normal !important;
    font-size: 22px;
    padding-right: 5px;
    display: inline-flex;
    top: 4px;
    position: relative;
}

.tapahtuma-organizer::before {
    content: '\e8a3';
    font-family: 'Material Icons Round';
    font-weight: normal !important;
    font-size: 22px;
    padding-right: 5px;
    display: inline-flex;
    top: 4px;
    position: relative;
}

.tapahtuma-organizer-info::before {
    content: '\e94c';
    font-family: 'Material Icons Round';
    font-weight: normal !important;
    font-size: 22px;
    padding-right: 5px;
    display: inline-flex;
    top: 4px;
    position: relative;
}

a.fc-event {
    background-color: #D81219 !important;
    color: #fff !important;
}

.fc-button {
    background: #D81219 !important;
    border-radius: 0px !important;
    border: 0px solid !important;
    padding: 18px;
    line-height: 1.7;
}

.fc-button-active {
    background: #545453 !important;
}

.fc-toolbar>*> :not(:first-child) {
    margin: 0px !important;
}

.fc-header-toolbar {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
}


.fc-center h2 {
    margin-bottom: 0px !important;
    text-transform: capitalize;
}

.fc-view-container tr {
    background: transparent;
}

.fc-view-container table {
    margin: 0px;
}

.fc-widget-content {
    background-color: #eee !important;
}

.fc-other-month {
    opacity: 0.7 !important;
}

.fc-unthemed .fc-divider {
    display: none !important;
}

.fc .fc-row .fc-content-skeleton table,
.fc .fc-row .fc-content-skeleton td,
.fc .fc-row .fc-mirror-skeleton td {
    border-color: #fff !important;
}

.fc-unthemed .fc-content,
.fc-unthemed .fc-divider,
.fc-unthemed .fc-list-heading td,
.fc-unthemed .fc-list-view,
.fc-unthemed .fc-popover,
.fc-unthemed .fc-row,
.fc-unthemed tbody,
.fc-unthemed td,
.fc-unthemed th,
.fc-unthemed thead {
    border-color: #fff !important;
}

.fc-day-grid tr {
    background: transparent;
}

.fc-day-grid thead>tr {
    border-bottom: none;
}

.fc-bg .fc-other-month {
    border-top: none;
}

.fc td.fc-today {
    background: #545453 !important;
}

td .fc-day-number {
    color: #000 !important;
}

td.fc-today .fc-day-number {
    color: #fff !important;
}

.fc-day-grid {
    border-bottom: 1px solid #fff;
}

.fc-dayGrid-view .fc-day-number,
.fc-dayGrid-view .fc-week-number {
    margin-right: 5px;
}

/*alasivut*/
.featured-bottom .menu--main {
    position: relative;
    background-color: #386D9D;
    padding: 60px 12px;
    margin-top: 80px;
}

.featured-bottom .menu--main::before {
    content: '';
    position: absolute;
    display: block;
    height: 100%;
    width: 100%;
    top: 0px;
    left: 0px;
    background-image: url('../assets/sydamet.svg');
    background-size: 110%;
    background-repeat: repeat;
    background-position: center;
    filter: invert(1);
    opacity: 0.15;
}

.featured-bottom .menu--main ul.nav {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(0, calc(25% - 23px)));
    gap: 15px 30px;
    margin-top: 30px;
    margin-left: 0px;
    margin-right: 0px;
}

.featured-bottom .menu--main li.nolink,
.featured-bottom .menu--main li.nav-item span {
    display: none;
}

.featured-bottom .menu--main a.nav-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    position: relative;
    padding: 40px;
    padding-right: 40px;
    background-color: #386D9D;
    color: #fff !important;
    text-align: center;
    padding-right: 60px;
    transition: 0.3s background-color;
    box-shadow: 0px 0px 5px #00000080;
}

.featured-bottom .menu--main a.nav-link::after {
    font-family: 'Material Icons Round';
    font-weight: normal !important;
    content: '\e5c8';
    font-size: 25px;
    position: absolute;
    right: 0px;
    margin-right: 30px;
    transition: margin 0.3s;
}

.featured-bottom .menu--main a.nav-link:hover,
.featured-bottom .menu--main a.nav-link:focus {
    background-color: #4980C1;
}

.featured-bottom .menu--main a.nav-link:hover:after,
.featured-bottom .menu--main a.nav-link:focus:after {
    margin-right: 20px;
}

#block-pyhanta-barrio-views-block-ajankohtaista-block-3 {
    position: relative;
    background-color: #D81219;
    padding: 60px 12px;
}

#block-pyhanta-barrio-views-block-ajankohtaista-block-3::before {
    content: '';
    position: absolute;
    display: block;
    height: 100%;
    width: 100%;
    top: 0px;
    left: 0px;
    background-image: url('../assets/ihmiset.svg');
    background-size: cover;
    background-repeat: repeat;
    background-position: bottom;
    filter: invert(1);
    opacity: 0.15;
}

/*--- FOOTER ---*/
footer.site-footer {
    background: #545453;
    position: relative;
}

footer.site-footer::before {
    content: '';
    display: inline-flex;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    background-image: url('../assets/pyhantajarvi-viiva.svg');
    background-size: 900px;
    background-repeat: no-repeat;
    background-position: left;
    opacity: 0.1;
}

footer.site-footer svg.ext {
    color: #fff !important;
    fill: #fff !important;
}

footer.site-footer .block {
    border: none;
    padding: 0px;
    margin: 20px 0px;
}

footer.site-footer .content {
    font-size: var(--bs-body-font-size);
    color: #fff;
}

footer.site-footer .content a {
    font-weight: bold;
    font-size: var(--bs-body-font-size);
    color: #fff;
}

footer.site-footer .content a:hover,
footer.site-footer .content a:focus {
    color: #eee;
    text-decoration: underline;
}

footer.site-footer .content h2,
footer.site-footer .content h3,
footer.site-footer .content h4,
footer.site-footer .content h5 {
    color: #fff;
}

.site-footer__top {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(0, calc(25% - 23px)));
    gap: 30px;
}

.site-footer__top>.region {
    width: 100%;
    margin: 0px;
    padding: 0px !important;
}

.site-footer__top>.region:first-child {
    border-left: none;
}

.site-footer__top h2 {
    font-size: 1.3em;
    border: none;
}

footer.site-footer .menu--footer {
    padding: 1em 0px;
}

footer.site-footer .menu--footer ul.nav {
    display: inline-flex;
    flex-direction: column !important;
}

footer.site-footer .menu--footer ul.nav a {
    color: #eee;
    font-weight: bold;
    padding-left: 0px;
    padding-right: 0px;
}

footer.site-footer .menu--footer ul.nav a:hover,
footer.site-footer .menu--footer ul.nav a:focus-visible {
    color: #fff !important;
}

/*cookies*/
#block-pyhanta-barrio-cookiesui,
#block-pyhanta-barrio-evasteasetukset {
    position: absolute;
    left: 0px;
    max-width: 100vw;
}

.cookies-cookie-settings-toggle--bottom {
    position: fixed;
    bottom: 5px;
    left: 5px;
    padding: 14px;
    background: #eee;
    color: #D81219 !important;
    font-size: 14px;
    transition: none !important;
    border: none !important;
    box-shadow: none !important;
    z-index: 9;
}

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

    #superfish-main.sf-menu li.sf-depth-1>ul,
    #superfish-main.sf-menu li.sf-depth-1>ul::before {
        left: 0px;
    }

    #superfish-main.sf-menu li.sf-depth-2.nolink {
        right: 0px;
    }
}

@media screen and (max-width: 1500px) {
    .facebook-iframe {
        max-width: 100%;
    }

    .instagram-iframe {
        max-width: 100%;
    }

    .block-quicktabs-blocksome .field {
        flex-wrap: wrap;
    }
}

@media screen and (max-width: 1199px) {
    #navbar-main {
        padding: 0px;
        box-shadow: none;
        background: #eee;
    }
    .menu--header { z-index: 99; }

    .region-top-header-form ul.nav {
        justify-content: right;
    }

    .region-top-header-form {
        display: none;
    }

    .block-superfishmain::before {
        content: '';
        display: block;
        height: 100%;
        width: 100vw;
        position: absolute;
        top: 0px;
        left: 0px;
        background-image: url('../assets/ihmiset.svg');
        background-size: 1200px;
        background-repeat: repeat;
        background-position: top;
        opacity: 0.05;
    }

    .block-superfishmain .region-top-header-form.menu-open {
        display: flex;
        justify-content: right;
    }

    .block-superfishmain .region-top-header-form .block {
        margin: 0px !important;
    }

    .block-views-blockdiaesitys-block-1 .flexslider .slides {
        overflow: initial;
        max-height: fit-content;
    }

    .block-views-blockdiaesitys-block-1 .flexslider .slides li.flex-active-slide {
        max-height: fit-content;
        flex-wrap: wrap;
    }

    .block-views-blockdiaesitys-block-1 .flexslider .views-field-field-kuva {
        width: 100%;
        order: 0;
    }

    .block-views-blockdiaesitys-block-1 .flexslider .flex-caption {
        width: 100%;
        max-width: 100%;
    }

    .block-views-blockdiaesitys-block-1 .flexslider .flex-caption {
        width: 100%;
        max-width: 100%;
        padding-top: 35px;
    }

    .block-views-blockdiaesitys-block-1 .flexslider .slides img {
        left: 0px;
        mask-size: 190%;
        mask-position: 55% 17%;
    }

    .block-views-blockdiaesitys-block-1 .flexslider .flex-caption-content {
        left: 0px;
    }

    .flex-direction-nav,
    .flex-pauseplay a {
        top: calc((9 * 100vw) / 16 - 35px);
    }

    .featured-bottom .menu--main::before {
        background-size: 1200px;
    }

    #block-pyhanta-barrio-views-block-ajankohtaista-block-3::before,
    .block-views-blocktapahtumat-block-3::before,
    .block-quicktabs-blocketusivu::before,
    .block-quicktabs-blocksome::before,
    .block-views-blocktapahtumat-block-6::before {
        background-size: 1400px;
    }
}

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


    .layout--twocol-section--33-67 .layout__region--first,
    .layout--threecol-section--25-50-25 .layout__region--first {
        padding-right: 0px;
        order: 1;
        flex: 0 1 100% !important;
    }

    .node--type-tapahtuma .layout--threecol-section--25-50-25 .layout__region--third {
        order: 1;
    }

    .layout--twocol-section--75-25 .layout__region--first {
        flex: 0 1 100% !important;
        padding-right: 0px;
    }

    .layout--twocol-section--33-67 .layout__region--second,
    .layout--threecol-section--25-50-25 .layout__region--second,
    .layout--twocol-section--67-33 .layout__region--first {
        flex: 0 1 100% !important;
    }

    .layout--twocol-section--33-67 .layout__region--third,
    .layout--twocol-section--75-25 .layout__region--second,
    .layout--threecol-section--25-50-25 .layout__region--third,
    .layout--twocol-section--67-33 .layout__region--second {
        padding-left: 0px;
        flex: 0 1 100% !important;
    }

    .view-id-ajankohtaista.view-display-id-block_1 .view-content,
    .view-id-ajankohtaista.view-display-id-block_3 .view-content,
    .view-id-ajankohtaista.view-display-id-block_4 .view-content,
    .view-id-ajankohtaista.view-display-id-block_5 .view-content,
    .view-id-ajankohtaista.view-display-id-block_6 .view-content,
    .view-id-ajankohtaista.view-display-id-block_8 .view-content,
    .view-id-ajankohtaista.view-display-id-block_9 .view-content,
    .view-id-tapahtumat.view-display-id-block_3 .view-content,
    .view-id-tapahtumat.view-display-id-block_6 .view-content,
    .view-id-tapahtumat.view-display-id-block_4 .view-content,
    .featured-bottom .menu--main ul.nav,
    .site-footer__top {
        grid-template-columns: repeat(auto-fit, minmax(0, calc(33.33% - 20px)));
    }

    .block-views-blocktapahtumat-block-5 .views-row {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(0, calc(50% - 15px)));
        gap: 15px 30px;
    }

    .view-id-viikon_kuva.view-display-id-block_2 .view-header,
    .block-views-blockviikon-kuva-block-1 .views-row,
    .block-views-blockviikon-kuva-block-2 .view-content {
        flex: 0 1 100%;
    }
}

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

    .view-id-ajankohtaista.view-display-id-block_1 .view-content,
    .view-id-ajankohtaista.view-display-id-block_3 .view-content,
    .view-id-ajankohtaista.view-display-id-block_4 .view-content,
    .view-id-ajankohtaista.view-display-id-block_5 .view-content,
    .view-id-ajankohtaista.view-display-id-block_6 .view-content,
    .view-id-ajankohtaista.view-display-id-block_8 .view-content,
    .view-id-ajankohtaista.view-display-id-block_9 .view-content,
    .view-id-tapahtumat.view-display-id-block_3 .view-content,
    .view-id-tapahtumat.view-display-id-block_6 .view-content,
    .view-id-tapahtumat.view-display-id-block_4 .view-content,
    .featured-bottom .menu--main ul.nav,
    .site-footer__top {
        grid-template-columns: repeat(auto-fit, minmax(0, calc(50% - 15px)));
    }

    #block-pyhanta-barrio-search-form-wide,
    #block-pyhanta-barrio-search-form-wide .content,
    #block-pyhanta-barrio-search-form-wide .form-type-search {
        min-width: 100%;
    }

    .nosto-item {
        flex-direction: column;
        gap: 10px;
    }

    .view-id-nostot.view-display-id-block_2 .views-row:nth-child(2n) .nosto-item-image {
        order: 0;
    }
}

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

    .view-id-ajankohtaista.view-display-id-block_1 .view-content,
    .view-id-ajankohtaista.view-display-id-block_3 .view-content,
    .view-id-ajankohtaista.view-display-id-block_4 .view-content,
    .view-id-ajankohtaista.view-display-id-block_5 .view-content,
    .view-id-ajankohtaista.view-display-id-block_6 .view-content,
    .view-id-ajankohtaista.view-display-id-block_8 .view-content,
    .view-id-ajankohtaista.view-display-id-block_9 .view-content,
    .view-id-tapahtumat.view-display-id-block_3 .view-content,
    .view-id-tapahtumat.view-display-id-block_6 .view-content,
    .view-id-tapahtumat.view-display-id-block_4 .view-content,
    .featured-bottom .menu--main ul.nav,
    .site-footer__top {
        grid-template-columns: repeat(auto-fit, minmax(0, 100%));
    }

    ul.quicktabs-tabs li,
    ul.quicktabs-tabs li>a {
        width: 100%;
    }

    .block-views-blocktapahtumat-block-5 .views-row {
        grid-template-columns: repeat(auto-fit, minmax(0, 100%));
    }
}