/* EDK custom css for bootstrap framework */
/* EDK colors: dark blue: #003D65, lighter blue: #4288B9*, background grey: #f7f7f5/


/* Custom web fonts */
@font-face {
    font-family: 'MontserratSemiBold';
    font-style: normal;
    font-weight: 600;
    src: local('Montserrat SemiBold'), local('Montserrat-SemiBold'), url(/_layouts/15/Eduskunta.Internet.Responsive.Layouts/fonts/Montserrat-SemiBold.ttf) format('truetype');
}

@font-face {
    font-family: 'MontserratBold';
    font-style: normal;
    font-weight: 700;
    src: local('Montserrat Bold'), local('Montserrat-Bold'), url(/_layouts/15/Eduskunta.Internet.Responsive.Layouts/fonts/Montserrat-Bold.ttf) format('truetype');
}
/* Custom web fonts end */

body {
    background-color: #f7f7f5;
}

#s4-workspace {
    color: #404040;
    font-family: Arial;
}

    #s4-workspace p {
        color: #404040;
        font-family: Arial;
    }

    #s4-workspace #linkarea p, #s4-workspace #linkarea span {
        font-family: 'MontserratSemiBold';
        color: white;
        font-size: 20px;
    }

    #s4-workspace a,
    #s4-workspace a:link,
    #s4-workspace a:visited,
    #s4-workspace a:focus,
    #s4-workspace a:hover {
        font-family: Arial;
        font-weight: bold;
        color: #006BB8;
        text-decoration: none;
    }

        #s4-workspace a:focus {
            outline: 1px solid #003D65;
        }

    #s4-workspace #linkarea a,
    #s4-workspace #linkarea a:link,
    #s4-workspace #linkarea a:visited,
    #s4-workspace #linkarea a:focus,
    #s4-workspace #linkarea a:hover {
        color: white;
        font-weight: normal;
        line-height: 28px;
    }

        #s4-workspace #linkarea a:focus {
            outline: 1px solid white;
        }
/* RSS feed webpart */
.groupheader a,
.groupheader a:link,
.groupheader a:visited {
    font-size: 18px;
}

.link-item,
.link-item a,
.link-item a:link
.link-item a:visited,
.link-item .description {
    font-size: 16px;
}

#s4-workspace {
    -webkit-overflow-scrolling: touch;
}

/* Fix for sticky scrolling in mobile*/
#s4-bodyContainer {
    background-color: #f7f7f5;
    padding-bottom: 0
}

#s4-titlerow {
    display: none !important;
}

/* for making equal height divs, for responsive behaviour this must be reset in mobile @media part*/
.row-eq-height {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

#edk-header {
    background: #fff url(/_layouts/15/Eduskunta.Internet.Responsive.Layouts/images/bg-topnavi.gif) repeat-x bottom left;
    box-shadow: 0 0 6px 0 rgba(0,0,0,0.24);
}

#s4-workspace .edk-accessibility-shortcut-link {
    position: absolute;
    top: 5px;
    left: 5px;
}

#s4-workspace #top-navbar li a {
    font-size: 18px;
    line-height: 20px;
    font-family: Helvetica, Arial, sans-serif;
}

#edk-header .container {
    padding: 0
}

#edk-header .row {
    padding: 0;
    margin: 0
}

#content-area {
    margin-top: 10px;
}

#mainheading-area {
    margin-top: 20px;
    background-color: #fff;
    padding-top: 15px;
    border-right: 15px solid #f7f7f5;
}

/* Hero banneri */
#edk-hero-banner div[class^="col-"] {
    margin-bottom: -20px;
}

#edk-hero-banner h1 {
    margin-bottom: 15px;
    width: 80%
}

#edk-hero-banner #edk-hero-link {
    margin-top: 20px;
}

/* Täysistunto nostobanneri */
.mainheading-banner {
    background-color: #003D65;
    color: #fff;
    float: left;
    width: 100%;
    margin-bottom: 10px;
}

    .mainheading-banner:first-child {
        margin-top: -10px;
    }

    .mainheading-banner:last-child {
        margin-bottom: 0;
    }

.mainheading-banner-icon {
    display: table-cell;
    float: left;
    margin: 5px;
    width: 64px;
}

.mainheading-banner-text {
    display: table-cell;
    padding-top: 12px;
    padding-bottom: 12px;
    padding-right: 10px;
}

    .mainheading-banner-text .edk-title-h3 {
        font-family: 'MontserratSemiBold',"Helvetica Neue",Helvetica,Arial,sans-serif;
        font-size: 1.2em;
        font-weight: 600;
        color: #fff;
        margin: 16px 16px 16px 0px
    }

    #s4-workspace .mainheading-banner-text a,
    #s4-workspace .mainheading-banner-text a:link,
    #s4-workspace .mainheading-banner-text a:visited,
    #s4-workspace .mainheading-banner-text a:focus,
    #s4-workspace .mainheading-banner-text a:hover,
    .mainheading-banner-text .edk-live {
        color: #7CB3D8;
        text-decoration: underline
    }

        #s4-workspace .mainheading-banner-text a:focus {
            outline: 1px solid #7CB3D8
        }

#threecol-mainarea,
#twocol-area,
#twocol-area2,
#threecol-area,
#fourcol-area,
#fourcol-area2 {
    margin-top: 15px
}

#fourcol-area3 {
    margin-top: 15px
}

#threecol-mainarea > div,
#twocol-area > div,
#twocol-area2 > div,
#threecol-area > div,
#fourcol-area > div,
#fourcol-area2 > div {
    background-color: #fff;
    border-right: 15px solid #f7f7f5;
    padding-top: 15px;
    padding-bottom: 15px;
}

#fourcol-area3 > div {
    background-color: #fff;
    border-right: 15px solid #f7f7f5;
    padding-top: 15px;
    padding-bottom: 15px;
}

/* tämä hajoittaa kuvalinkit */
/* #maincontent a { display: inline-block; margin-right: 6px; } */
#mainheading-area .ms-webpartzone-cell:first-child a, #fourcol-area a, #fourcol-area2 a, #fourcol-area3 a {
    display: block;
}

/*#threecol-mainarea > div:last-child,
#twocol-area > div:last-child,
#twocol-area2 > div:last-child,
#threecol-area > div:last-child,
#fourcol-area > div:last-child,
#fourcol-area2 > div:last-child {border-right:0;}*/

#page-mainarea {
    margin-bottom: 20px
}

#leftnavigation {
    padding: 0
}

#maincontent {
    background-color: #fff;
    padding: 15px;
    border-left: 15px solid #f7f7f5
}

.edk-pagelayout-wpmargins #maincontent {
    padding: 0 15px 0 15px;
}

    .edk-pagelayout-wpmargins #maincontent > div.row > div {
        padding-top: 15px;
        padding-bottom: 15px;
    }

.edk-pagelayout-wpmargins #rightcolumn {
    border-left: 15px solid #f7f7f5;
}

.edk-pagelayout-wpmargins .ms-fullWidth {
    width: auto;
}

.edk-pagelayout-wpmargins .ms-webpart-zone > div {
    margin: 0 -15px 15px -15px;
    padding: 0 15px 15px 15px;
    border-bottom: 15px solid #f7f7f5;
}

    .edk-pagelayout-wpmargins .ms-webpart-zone > div:last-child {
        border-bottom: 0;
    }

/* Force content images responsive */
#mainheading-area img,
#threecol-mainarea img,
#twocol-area img,
#twocol-area2 img,
#threecol-area img,
#fourcol-area img,
#fourcol-area2 img,
#fourcol-area3 img,
#rightcolumn img,
#maincontent img {
    display: block;
    max-width: 100%;
    height: auto;
}


#topheader div {
    padding-right: 0
}

.container-fluid {
    padding-right: 0
}

.custom-search-input-wrapper {
    margin-top: 8px
}

    .custom-search-input-wrapper button {
        min-width: 1em !important;
    }

    .custom-search-input-wrapper input[type=text] {
        border: 1px solid #003D65;
        border-radius: 0px;
    }

.search-toggle {
    display: none
}

#toollinks {
    font-size: 14px;
    text-align: right;
    padding-top: 5px
}

    #toollinks a {
        padding: 0 5px 0 5px;
        border: 1px solid #fff
    }

        #toollinks a.langugaLink-selected {
            text-decoration: underline;
        }

.btn-primary {
    background-color: #003D65;
    border-radius: 0;
}

.header-bg {
    height: 100px;
    width: 1024px;
    background-color: #FFFFFF;
}


#linkarea {
    margin-top: 30px;
    background-color: #003D65;
    font-family: Arial, serif;
    color: #fff;
    padding: 15px 0 0 0;
}

    #linkarea .container {
        background-color: #003D65;
        padding-top: 10px
    }

    #linkarea a {
        color: #fff;
    }

    #linkarea ul {
        list-style: none;
        padding-left: 0
    }

#edk-footer {
    background-color: #367CAD;
    color: #fff;
    padding: 15px 0 15px 0;
    clear: both;
}

    #edk-footer .nav-bar > li {
        border: 0 !important;
    }

    #edk-footer .navbar-nav > li {
        border: 0 !important;
    }

    #edk-footer a, #edk-footer a:link, #edk-footer a:visited {
        color: #fff !important;
    }

        #edk-footer a:focus {
            outline: 1px solid #fff
        }


/* Headings */

#linkarea h3, #linkarea h4 {
    font-family: Arial, serif;
    font-weight: bold;
    font-size: 16px;
    color: #fff
}

    #linkarea h3 a, #linkarea h4 a {
        color: #fff;
        margin-top: 15px
    }

.h1, .h2, .h3, h1, h2, h3 {
    margin-top: 20px;
    margin-left: 0;
}
h1,
h1 .ms-rteElement-h1,
h1 .ms-rteElement-h1 a,
.ms-rteElement-H1,
h1.edk-rte-Element-h1,
h1.edk-rteContent-Element-h1,
.ms-rtestate-field h1,
h1.ms-rteElement-H1 {
    color: #4D4843;
    font-family: 'MontserratSemiBold',Tahoma,Helvetica,Arial,sans-serif;
    font-weight: 600; /* SemiBold */
    font-size: 30px;
    line-height: 36px;
}
/* Sisäsivun h1 */
#maincontent h1 {
    margin-bottom: 20px
}

h2,
h2.ms-rteElement-h2,
.ms-rteElement-H2,
h2.edk-rte-Element-h2,
h2.edk-rteContent-Element-h2,
.ms-rtestate-field h2,
h2.ms-rteElement-H2 {
    color: #4D4843;
    font-family: 'MontserratSemiBold',Tahoma,Helvetica,Arial,sans-serif;
    font-weight: 600; /* SemiBold */
    font-size: 22px;
    line-height: 26px;
    margin-top: 5px;
}

/* webpart heading*/
.ms-webpart-titleText.ms-webpart-titleText, .ms-webpart-titleText > a {
    color: #4D4843;
    font-family: 'MontserratSemiBold',"Palatino Linotype","Times New Roman", Times, sans-serif;
    font-size: 22px;
    line-height: 26px;
    font-weight: 600; /* SemiBold */
    border-bottom: 1px solid #d8d3cd;
    padding-bottom: 8px;
    margin-top: 0;
    text-align: left !important;
}

.ms-webpart-titleText nobr {
    white-space: normal;
}

.ms-webpart-titleText > a {
    text-decoration: underline;
}

h3,
h3.ms-rteElement-h3,
h3.ms-webpart-titleText.ms-webpart-titleText, h3.ms-webpart-titleText > a
.ms-rteElement-H3,
.MyAlertsMainTable h3,
h3.edk-rte-Element-h3,
h3.edk-rteContent-Element-h3,
.ms-rtestate-field h3,
h3.ms-rteElement-H3,
.edk-title-h3 {
    color: #4D4843;
    font-family: 'MontserratSemiBold',"Palatino Linotype","Times New Roman", Times, sans-serif;
    font-size: 20px;
    font-weight: 600; /* SemiBold */
    line-height: 24px;
}

h4,
h4.ms-rteElement-h4,
.ms-rteElement-H4,
h4.edk-rte-Element-h4,
h4.edk-rteContent-Element-h4,
.ms-rtestate-field h4,
h4.ms-rteElement-H4 {
    color: #4D4843;
    font-family: 'MontserratBold',"Palatino Linotype","Times New Roman", Times, sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 700; /* Bold */
    line-height: 22px;
}

.ms-rtestate-field .edk-image-link {
    display: block;
}

.ms-rtestate-field .edk-image-link-h3 {
    color: #006DBA;
    font-family: Arial;
    font-weight: bold;
}

.ms-rtestate-field .edk-image-link-p {
    font-weight: normal;
}


/* if heading is a link then color link */
h1 a, h1 a:active, h1 a:visited,
h2 a, h2 a:active, h2 a:visited,
h3 a, h3 a:active, h3 a:visited,
h4 a, h4 a:active, h4 a:visited,
h5 a, h5 a:active, h5 a:visited,
h6 a, h6 a:active, h6 a:visited {
    color: #006DBA;
}

h5, h6 {
    font-size: inherit;
    line-height: inherit;
    color: #404040;
    font-family: 'MontserratBold',"Palatino Linotype","Times New Roman", Times, sans-serif;
    font-weight: 700; /* Bold */
}

.edk-title-h4 {
    margin: 5px 0;
    font-size: 18px;
    font-family: 'MontserratBold',"Palatino Linotype","Times New Roman", Times, sans-serif;
    font-weight: 700; /* Bold */
    line-height: 22px;
    display: block;
}

.edk-logo {
    position: relative;
    margin: 22px 0 30px 0;
    width: 275px;
    height: auto;
    float: left;
    top: 0px;
    left: 0px;
}

    .edk-logo img {
        width: 100%;
    }

#languageLabel {
    font-weight: bold;
}

/* Main navbar styles*/
.navbar {
    border: 0;
    min-height: 34px !important;
    margin: 0;
    border-radius: 0;
}

.navbar-default {
    background-color: transparent
}

.navbar-nav > li {
    border-right: 1px solid #fff;
    /*padding-bottom:4px;*/
    /*border-bottom:4px solid #2EA8E6;*/
    /*margin-right:2px;*/
}

    .navbar-nav > li > a {
        padding-top: 7px !important;
        padding-bottom: 0 !important;
        padding-left: 15px !important;
        padding-right: 13px !important;
        height: 34px;
        color: #4D4843 !important;
    }

.navbar-default .navbar-nav > li.selected > a {
    background-color: #003D65;
    color: #fff !important;
    border-bottom: 4px solid #003D65;
}

.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
    background-color: #f0eeeb;
    color: #000 !important;
    border-bottom: 4px solid #003D65;
}

/* Dropdown submenu styles - but dropdowns not in use */

.dropdown-submenu {
    position: relative;
}

    .dropdown-submenu > .dropdown-menu {
        top: 0;
        left: 100%;
        margin-top: -6px;
        margin-left: -1px;
        -webkit-border-radius: 0 6px 6px 6px;
        -moz-border-radius: 0 6px 6px 6px;
        border-radius: 0 6px 6px 6px;
    }

    .dropdown-submenu > a:after {
        /* dropdown caret */
        border: 0;
        width: 15px;
        height: 20px;
        font-family: 'Glyphicons Halflings';
        float: right;
        color: #4288B9;
    }

.dropdown-menu > li.dropdown-submenu > a:after {
    content: "\e258" !important;
}

.dropdown-menu > li.open > a:after {
    content: "\e259" !important;
}

.dropdown-submenu.pull-left {
    float: none;
}

    .dropdown-submenu.pull-left > .dropdown-menu {
        left: -100%;
        margin-left: 10px;
        -webkit-border-radius: 6px 0 6px 6px;
        -moz-border-radius: 6px 0 6px 6px;
        border-radius: 6px 0 6px 6px;
    }



/* breadcrumb */
#breadcrumb {
    font-size: 14px;
    padding: 0 0 10px 15px;
}

    #breadcrumb a:visited {
        color: #006DBA;
    }

    #breadcrumb > span {
        padding-left: 15px
    }

#TopNavigation-div {
    display: block;
}

#HamburgerNavigation-div {
    display: none;
}

/*----- intermediate styles, decreasing main menu font-size  ------*/
@media screen and (max-width: 1199px) {
    .navbar-default .navbar-nav > li > a {
        font-size: 14px;
    }

    .navbar-nav .dropdown-menu > li > a {
        white-space: normal;
    }

    .nav > li > a {
        padding: 7px 8px
    }

    .edk-list .edk-wwwroot.edk-intraroot {
        max-width: 100%;
    }

    .edk-wp-list .edk-wp-list-item {
        margin-right: 15px;
    }
}

/*----- tablet styles, mobile menu breakpoint moved to 992px  ------*/
@media screen and (max-width: 992px) {
    .edk-logo {
        margin: 0;
        padding: 0;
        width: 128px;
        position: absolute;
        left: 20px;
        top: 3px;
    }

    .navbar-header {
        float: none;
        text-align: right;
    }

    .navbar-left, .navbar-right {
        float: none !important;
    }

    .navbar-toggle {
        display: inline-block;
        float: none !important;
    }

    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }

    .navbar-fixed-top {
        top: 0;
        border-width: 0 0 1px;
    }

    .navbar-nav {
        float: none !important;
        margin-top: 7.5px;
    }

        .navbar-nav > li {
            float: none;
            border-right: 0;
        }
    .navbar-nav > li > a {
        height: auto;
    }

    .collapse.show {
        display: block !important;
        background-color: #ffffff;
    }

    .navbar-nav .dropdown-menu.show {
        position: static;
        float: none;
        width: auto;
        margin-top: 0;
        background-color: #ffffff;
        border: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    /*----------------------------------*/

    .container-fluid {
        padding-left: 0
    }

    #TopNavigation-div {
        display: none;
    }

    #HamburgerNavigation-div {
        display: block;
    }

    #topheader {
        display: none;
    }

    #edk-header {
        background-image: none;
    }

    #leftnavigation {
        display: none;
    }

    #toollinks-mobile {
        display: block;
    }

    #langlinks-mobile {
        display: block;
        margin: 15px 15px 15px 0;
        font-size: 14px;
        float: none;
        padding-bottom: 15px;
    }

    /* mobile menu icon*/
    .navbar-default .navbar-toggle .icon-bar {
        background-color: #385590
    }

    .navbar-default .navbar-toggle {
        margin-top: 10px;
        padding: 10px 9px;
        border: 0;
        margin-bottom: 0;
        border-radius: 0;
    }

        .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
            background-color: #fff;
        }

    .navbar-nav .dropdown-menu.show .dropdown-header, .navbar-nav .dropdown-menu.show > li > a {
        padding-right: 7%
    }

    .navbar-header .mob-menu {
        font-family: 'Glyphicons Halflings';
        font-size: 22px;
        color: #003D65;
        float: left;
        font-weight: normal;
    }

    .navbar-header button.collapsed {
        border-bottom: 0 !important
    }

    .navbar-header button.navbar-toggle {
        border-bottom: 3px solid #003D65
    }

    .dropdown-menu > li.open > a:after {
        content: "" !important;
        content: none !important;
    }
    .dropdown-item {
        padding: 0;
        width: auto;
    }
    .dropdown-item:hover {
        background: none;
    }
    /* Custom caret in mobile navigation*/
    .caret {
        float: right;
        color: #4288B9;
    }

    ul.nav.navbar-nav .dropdown .dropdown-toggle {
        color: #4D4843;
        font-family: arial;
        font-weight: bold;
        background-color: #ffffff;
        width: 100%;
        text-align: left;
    }
    ul.nav.navbar-nav .dropdown .dropdown-toggle.show {
        border-bottom: 1px solid #0890D4;
    }

    ul.nav.navbar-nav > li > a.selected {
        background-color: #DCEDF5;
    }

    ul.nav.navbar-nav button.show {
        border-bottom: 1px solid #0890D4 !important;
    }

    .dropdown-menu > li > a {
        color: #333 !important;
    }

    .dropdown-menu > li.selected > a {
        background-color: #DCEDF5;
    }


    /* Mobile search icon/box*/
    .navbar-toggler:focus {
        outline: 1px solid #003D65;
        box-shadow: none;
    }
    .navbar-toggler-icon {
        height: 1.25em;
        text-align: left;
    }
    #mobile-search {
        padding: 0;
        box-shadow: inset 0 4px 5px rgba(215,215,215,0.5);
    }

        #mobile-search .custom-search-input-wrapper {
            padding-top: 15px !important;
            margin: 0 30px 15px 10px
        }

    .search-btn {
        margin-right: 8px !important;
    }
    .search-btn .navbar-toggler-icon {
        height: 1.4em;
        color: #003D65;
        float: left
    }
    button.collapsed span.search-icon:before {
        content: "\e003" !important;
    }
    button span.search-icon:before {
        content: "\e014";
    }

    .mobile-search-title, .mobile-menu-title {
        margin: 0 0 0 -5px;
        color: #003D65;
        font-size: 16px
    }

    .mobile-menu-title {
        line-height: 17px
    }
    /*-----------*/

    .navbar-header {
        background-color: #fff;
    }
    /*top header bg color*/
    .navbar {
        background-color: #fff;
        background-image: none;
        min-height: 55px !important;
    }

    .nav {
        margin: 0 !important;
    }

    .navbar-collapse {
        background-color: #f0f0f0
    }
    /*dropdown bg color*/

    .container-fluid > .navbar-collapse,
    .container-fluid > .navbar-header,
    .container > .navbar-collapse,
    .container > .navbar-header {
        margin-left: 0;
        margin-right: 0;
    }

    .navbar-header {
        min-height: 55px !important;
    }

    .navbar-collapse {
        /*padding-left: 10px;
        padding-right: 5px;*/
    }

    .navbar-brand {
        height: auto;
        padding: 15px 8px 0 15px;
    }

    .navbar-nav > li {
        border-bottom: 1px solid #0890D4; /*divider between menuitems*/
        margin-right: 2px;
        padding: 0;
    }

        .navbar-nav > li > a {
            padding-top: 13px !important;
            padding-bottom: 13px !important;
            padding-left: 15px !important;
            padding-right: 13px !important;
            min-height: 48px;
        }

    .navbar-default .navbar-nav > li > a:hover,
    .navbar-default .navbar-nav > li > a:focus,
    .navbar-default .navbar-nav > li.selected > a {
        border-bottom: 1px;
    }

    .navbar-default .navbar-nav > li > a {
        color: #4A4A4A; /* mobile dropdown link color*/
        font-weight: bold;
        font-size: 16px;
    }

    .navbar-default .navbar-nav .dropdown-menu.show > li > a {
        color: #4A4A4A;
        white-space: normal;
    }

    .navbar-default .navbar-nav > li.selected > a {
        color: #4A4A4A !important;
    }

    li.open > a:first-child {
        border-bottom: 1px solid #0890D4;
    }

    .navbar-default .navbar-nav .dropdown-menu.show > li > a:focus,
    .navbar-default .navbar-nav .dropdown-menu.show > li > a:hover {
        background-color: #efefef;
        border-bottom: 0;
    }

    .navbar-default .navbar-nav > li > a:hover,
    .navbar-default .navbar-nav > li > a:focus {
        border-bottom: 0;
    }



    .dropdown-menu .divider {
        background-color: #aaa;
        margin-left: 23px
    }

    .dropdown-menu > li {
        margin-left: 15px;
        border-bottom: 1px solid #0890D4
    }

        .dropdown-menu > li:last-child {
            border-bottom: 0
        }

        .dropdown-menu > li > ul > li {
            border-bottom: 2px dotted #0890D4;
            font-size: 0.9em
        }

            .dropdown-menu > li > ul > li:last-child {
                border-bottom: 0
            }

            .dropdown-menu > li > ul > li > ul > li {
                border-bottom: 2px dotted #0890D4;
                font-size: 0.9em
            }

                .dropdown-menu > li > ul > li > ul > li:last-child {
                    border-bottom: 0
                }

                .dropdown-menu > li > ul > li > ul > li > ul > li {
                    border-bottom: 2px dotted #0890D4;
                    font-size: 0.9em
                }

                    .dropdown-menu > li > ul > li > ul > li > ul > li:last-child {
                        border-bottom: 0
                    }

    .navbar-nav .dropdown-menu.show .dropdown-header,
    .navbar-nav .dropdown-menu.show > li > a {
        padding-top: 13px !important;
        padding-bottom: 13px !important;
        padding-left: 0 !important;
        padding-right: 15px !important;
        min-height: 44px;
        font-size: 16px;
        display: block;
    }

    #hamburgerNavigation .navbar-header { width: 100%; }
    #hamburgerNavigation .navbar-header > button {
        position: absolute;
        top: 0;
        right: 0;
    }

    #hamburgerNavigation .navbar-header > button#mobile-search-button {
        right: 150px;
    }

    #hamburgerNavigation .navbar-header #mobile-search {
        margin-top: 50px;
    }
    #hamburgerNavigation .navbar-header #mobile-search.topnavigation-open {
        margin-bottom: -40px;
    }

        #hamburgerNavigation .navbar-header #mobile-search button {
            padding: 7px 10px;
        }

            #hamburgerNavigation .navbar-header #mobile-search button span {
                color: white;
            }

    #hamburgerNavigation .navbar-header #navbar1 {
        margin-top: 55px;
    }

        #hamburgerNavigation .navbar-header #navbar1 ul li {
            text-align: left;
        }
}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {
    .navbar-brand {
        display: none
    }
    /* hide mobile logo */
    .navbar-collapse {
        padding: 0
    }

    #mobile-search {
        display: none !important;
    }
    /* hide mobile search from desktop */
    #toollinks-mobile {
        display: none !important;
    }

    #langlinks-mobile {
        display: none !important;
    }
}

/*----- Mobile styles  ------*/
@media screen and (max-width: 767px) {
    body {
        background-color: #fff
    }

    .row-eq-height {
        display: block;
    }

    #mainheading-area,
    #threecol-mainarea > div,
    #twocol-area > div,
    #twocol-area2 > div,
    #threecol-area > div,
    #fourcol-area > div,
    #fourcol-area2 > div {
        border-right: 0
    }

    #fourcol-area3 > div {
        border-right: 0
    }

    #maincontent {
        border-left: 0
    }

    h1,
    h1 .ms-rteElement-h1,
    h1 .ms-rteElement-h1 a,
    .ms-rteElement-H1,
    h1.edk-rte-Element-h1,
    h1.edk-rteContent-Element-h1,
    .ms-rtestate-field h1,
    h1.ms-rteElement-H1 {
        font-size: 22px;
        font-weight: normal;
    }

    h2,
    h2.ms-rteElement-h2,
    .ms-rteElement-H2,
    h2.edk-rte-Element-h2,
    h2.edk-rteContent-Element-h2,
    .ms-rtestate-field h2,
    h2.ms-rteElement-H2 {
        font-size: 20px;
        font-weight: normal;
    }

    h3,
    h3.ms-rteElement-h3,
    h3.ms-webpart-titleText.ms-webpart-titleText, h3.ms-webpart-titleText > a
    .ms-rteElement-H3,
    .MyAlertsMainTable h3,
    h3.edk-rte-Element-h3,
    h3.edk-rteContent-Element-h3,
    .ms-rtestate-field h3,
    h3.ms-rteElement-H3 {
        font-size: 18px;
        font-weight: normal;
    }

    #hamburgerNavigation .navbar-header > button#mobile-search-button {
        right: 130px;
    }

    #edk-footer {
        padding: 10px 0 10px 10px;
    }

    .mainheading-banner-text .edk-title-h3 {
        font-size: 1.1em;
        margin: 14px 14px 14px 0px;
    }

    .edk-pagelayout-wpmargins #rightcolumn {
        border-left: 0;
        border-top: 15px solid #f7f7f5
    }

    .btn-consent-reject {
        float: none !important;
        width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        height: auto !important;
    }

    .btn-consent-accept {
        float: none !important;
        width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        height: auto !important;
    }
}

@media screen and (max-width: 400px) {
    .navbar-header {
        min-width: 310px;
    }
    .edk-logo {
        left: 0px;
    }
    .navbar-default .navbar-toggle {
        padding-right: 5px;
        padding-left: 5px;
    }
    .mainheading-banner-icon {
        width: 48px;
    }
    .mainheading-banner-text .edk-title-h3 {
        font-size: 1em;
        margin: 12px 12px 12px 0px;
    }
}

/* heteka tables*/
.heteka-data td.first-col {
    width: 50%;
}

.heteka-data td.second-col {
}

.heteka-data td.third-col {
}

.heteka-data td.fourth-col {
}

.plain-text-cell {
    background-color: #fff;
    border-top-width: 0 !important;
}

/* etusivun linkkilistat */
ul.index-linklist {
    list-style: none;
    padding: 0px;
    margin: 0px;
    margin-bottom: 15px;
}

    ul.index-linklist li a {
        padding: 7px 2px 7px 0 !important;
        display: block;
        color: #006DBA;
        font-family: 'MontserratBold',"Palatino Linotype","Times New Roman", Times, sans-serif;
        font-weight: 700; /* Bold */
        font-size: 1.2em;
        margin: 0;
        border-bottom: 1px solid #d8d3cd;
    }

    ul.index-linklist li:first-child a {
        border-top: 1px solid #d8d3cd;
    }

.index-linklist > li b.caret:before {
    content: "\e258";
}

#fourcol-area h3,
#fourcol-area2 h3,
#fourcol-area3 h3,
#fourcol-area h4,
#fourcol-area2 h4,
#fourcol-area3 h4,
#fourcol-area a > h3,
#fourcol-area2 a > h3,
#fourcol-area3 a > h3,
#fourcol-area a > h4,
#fourcol-area2 a > h4,
#fourcol-area3 a > h4,
#fourcol-area span.edk-title-h3,
#fourcol-area2 span.edk-title-h3,
#fourcol-area3 span.edk-title-h3,
#fourcol-area span.edk-title-h4,
#fourcol-area2 span.edk-title-h3,
#fourcol-area3 span.edk-title-h3 {
    font-size: 20px;
    font-family: "MontserratBold",Tahoma,Helvetica,Arial,sans-serif !important;
    font-weight: 700 !important;
    color: #006dba;
    display: block;
    margin: 0 0 10px 0;
}

#fourcol-area p,
#fourcol-area2 p,
#fourcol-area3 p {
    font-size: 16px;
    font-family: Arial,sans-serif;
    margin: 10px 0;
}

/* custom display templates  ********************************************************************************************/
.edk-list {
    list-style: none outside;
    margin: 0 0 .5em;
    padding: 0;
}

    .edk-list li {
        border-bottom: 1px solid #e8e8e8;
        clear: both;
        margin-bottom: 0.5em;
        margin-top: 0.5em;
        line-height: 1.2em;
        padding: 0 0 0.5em;
    }

        .edk-list li:first-child {
            /*
	border-top:1px solid #e8e8e8;
	padding-top:.5em;
	*/
        }

    .edk-list .author,
    .edk-list time {
        color: #4D4843;
        font-size: 14px;
        font-family: Arial, Helvetica, sans-serif;
    }

#s4-workspace .edk-list a,
#s4-workspace .index-linklist a,
#s4-workspace .edk-title-h4,
#s4-workspace .edk-list h6.title {
    margin: 5px 0;
    font-size: 16px;
    font-family: 'MontserratBold',"Palatino Linotype","Times New Roman", Times, sans-serif;
    font-weight: 700; /* Bold */
    line-height: 20px
}

.edk-list .row {
    margin-left: 0;
}

#rightcolumn .edk-list .row {
    margin-right: -5px
}

.edk-list .edk-wwwroot {
    padding-left: 5px;
}

    .edk-list .edk-wwwroot .author,
    .edk-list .edk-wwwroot .person {
        margin-bottom: 5px;
    }

    .edk-list .edk-wwwroot time {
        color: #4D4843;
        font-size: 14px;
    }

    .edk-list .edk-wwwroot.edk-intraroot {
        padding-left: 0;
        padding-right: 0;
    }

        .edk-list .edk-wwwroot.edk-intraroot .edk-list-img {
            margin-bottom: 10px !important;
        }

    .edk-list .edk-wwwroot .edk-title-h3,
    .edk-list .edk-wwwroot .edk-title-h4,
    .edk-list .edk-wwwroot .edk-title-h5,
    .edk-list .edk-wwwroot .edk-title-h6,
    .edk-list .edk-wwwroot h6.title {
        font-size: 18px;
        font-weight: bold;
        margin: 5px 0;
    }

    .edk-list .edk-wwwroot.edk-intraroot .description {
        margin: 5px 0 0 0;
    }

#rightcolumn .edk-wp-list > .row.edk-wp-list-item > div {
    padding: 0;
}

#bodywrapper .edk-list-img,
.edk-list-img {
    float: left;
    margin: 0 9px 0 0;
    max-height: 100px;
    max-width: 100px;
}

#bodywrapper .edk-list .description {
    line-height: 1.2 !important;
    margin: .2em 0 .5em !important;
}

.row.edk-wp-list-item {
    border-bottom: 1px solid #e8e8e8;
    clear: both;
    margin-bottom: 0.5em;
    margin-top: 0.5em;
    line-height: 1.2em;
    padding: 0 0 0.5em;
}

.edk-wp-list .edk-list-item-title {
    font-weight: bold;
}

.dfwp-item .image.mop-image {
    float: left;
    padding-right: 10px;
}
/* //custom display templates  ********************************************************************************************/

/**********************
left navigation
**********************/
#leftnavigation {
}

    /* 	#leftnavigation .leftNavWrapper {
		margin-left: 0px;
		padding-top: 0;
	} */

    #leftnavigation a:link,
    #leftnavigation a:visited,
    #leftnavigation a:hover,
    #leftnavigation a:active {
        text-decoration: none;
        overflow-wrap: break-word;
    }

    #leftnavigation a:hover,
    #leftnavigation .selected > a {
        color: #333;
    }

    #leftnavigation a.leftNaviSelected_1:link,
    #leftnavigation a.leftNaviSelected_1:visited,
    #leftnavigation a.leftNaviSelected_2:link,
    #leftnavigation a.leftNaviSelected_2:visited,
    #leftnavigation a.leftNaviSelected_3:link,
    #leftnavigation a.leftNaviSelected_3:visited {
        color: #333;
    }

    #leftnavigation ul {
        list-style: none;
        padding: 0px;
        margin: 0px;
    }

    #leftnavigation li {
        font-weight: bold;
        padding: 0px;
    }

        #leftnavigation li span,
        #leftnavigation li a {
            padding: 7px 2px 7px 15px !important;
            display: block;
            color: #4D4843 !important;
            font-weight: bold;
            /*font-size: 1.3em !important;*/
            background-color: white;
            margin: 0;
            border-bottom: 1px solid #0890D4;
        }

            #leftnavigation li a:focus {
                background-color: #DCEDF5 !important;
            }

            #leftnavigation li a:hover {
                background-color: #F0EEEB !important;
            }

            #leftnavigation li a.leftNaviSelected_1,
            #leftnavigation li a.leftNaviSelected_2,
            #leftnavigation li a.leftNaviSelected_3,
            #leftnavigation li a.leftNaviSelected_4,
            #leftnavigation li a.leftNaviSelected_5 {
                background-color: #DCEDF5 !important;
                font-weight: bold;
            }

                #leftnavigation li a.leftNaviSelected_1:hover,
                #leftnavigation li a.leftNaviSelected_2:hover,
                #leftnavigation li a.leftNaviSelected_3:hover,
                #leftnavigation li a.leftNaviSelected_4:hover,
                #leftnavigation li a.leftNaviSelected_5:hover {
                    background-color: #F0EEEB !important;
                }

        #leftnavigation li li a {
            background: #F0EEEB;
        }

            #leftnavigation li li a:hover,
            #leftnavigation li li a.leftNaviSelected_1:hover,
            #leftnavigation li li a.leftNaviSelected_2:hover,
            #leftnavigation li li a.leftNaviSelected_3:hover,
            #leftnavigation li li a.leftNaviSelected_4:hover,
            #leftnavigation li li a.leftNaviSelected_5:hover {
                background-color: white !important;
            }

            #leftnavigation li li a:focus,
            #leftnavigation li li a.leftNaviSelected_1:focus,
            #leftnavigation li li a.leftNaviSelected_2:focus,
            #leftnavigation li li a.leftNaviSelected_3:focus,
            #leftnavigation li li a.leftNaviSelected_4:focus,
            #leftnavigation li li a.leftNaviSelected_5:focus {
                background-color: #DCEDF5 !important;
            }

    #leftnavigation .menu li a {
        margin: 0;
    }

    #leftnavigation li li {
        font-weight: normal;
        padding: 0;
        background-color: #F0EEEB;
    }

        #leftnavigation li li span,
        #leftnavigation li li a {
            padding: 7px 2px 7px 15px !important;
            border-bottom: 2px dotted #0890D4;
            font-weight: normal;
            font-size: 14px;
        }

        #leftnavigation li li li {
            padding: 0;
        }

            #leftnavigation li li li span,
            #leftnavigation li li li a {
                padding: 7px 2px 7px 30px !important;
                border-bottom: 2px dotted #0890D4;
                font-weight: normal;
            }

            #leftnavigation li li li li span,
            #leftnavigation li li li li a {
                font-size: .85em;
                padding: 7px 2px 7px 45px !important;
                border-bottom: 2px dotted #0890D4;
                font-weight: normal;
            }

            #leftnavigation li li li li li span,
            #leftnavigation li li li li li a {
                padding: 7px 2px 7px 60px !important;
                border-bottom: 2px dotted #0890D4;
                font-weight: normal;
            }

/**********************
/left navigation end
**********************/


/* CSS for printing */
@media print {

    #suiteBar,
    #titleAreaBox,
    #pageTitle {
        display: none;
    }


    #edk-header,
    #breadcrumb,
    #leftnavigation,
    #edk-footer {
        display: none !important
    }

    #maincontent {
        width: 100%;
        border: 0;
    }

    a[href]:after {
        content: "" !important;
    }
}
/* CSS for printing end */

.ms-WPBorderBorderOnly {
    padding: 0 8px 8px 8px;
}

/* HAKU */

/* Hakutulosotsikon rivittäminen */
h3.ms-srch-ellipsis {
    white-space: normal;
}

/* TIEDOTTEET */

#edk-refiner-title {
    font-family: 'MontserratSemiBold',Tahoma,Helvetica,Arial,sans-serif;
    font-size: 20px;
    color: #4D4843;
    margin: 0 0 10px 0;
}

#edk-refiners-list,
#edk-refiners-list-content {
    list-style-type: none;
}

#edk-refiners-list-content {
    margin: 15px 0 30px 0;
    padding-left: 0;
    width: 100%;
}

.edk-news #edk-refiners-list-content {
    margin-bottom: 10px;
}

#edk-refiners-list > li:hover {
    background: transparent;
}

#edk-refiners-list > li button,
#edk-refiners-list-content > li button {
    color: #4288B9 !important;
    border: 1px solid #4288B9 !important;
    margin-bottom: 5px;
    float: left;
    width: 100%;
    padding-left: 8px !important;
}

    #edk-refiners-list > li button:hover {
        background: #f0f0f0;
    }

#edk-refiners-list-content > li.clear-selected button,
#edk-refiners-list-content > li.clear-selected button span {
    border: 0 !important;
    color: #4288B9 !important;
    font-weight: bold;
}

    #edk-refiners-list-content > li.clear-selected button, #edk-refiners-list-content > li.clear-selected button:hover span {
        background-color: transparent;
    }

#edk-refiners-list-content > li {
    display: inline-block;
    padding-right: 30px;
}

    #edk-refiners-list-content > li button {
        padding: 7px 2px 7px 15px !important;
        margin-left: 0;
    }

.edk-news .ms-ref-refiner #Value {
    width: auto;
    padding: 0;
}

#edk-refiners-list > li button span.edk-refiner-linktxt {
    color: #4D4843 !important;
    padding: 0 !important;
    float: left;
    border: 0 !important;
    background: transparent;
    font-weight: normal;
}

#edk-refiners-list li.clear-selected button span.edk-refiner-link-remove:before,
#edk-refiners-list li.selected button span.edk-refiner-link-remove:before,
#edk-refiners-list-content li.clear-selected button span.edk-refiner-link-remove:before,
#edk-refiners-list-content li.selected button span.edk-refiner-link-remove:before {
    content: "\f659";
    padding: 3px 15px 0 5px !important;
    float: right;
    font-family: bootstrap-icons !important;
    font-style: normal;
    font-weight: bold !important;
    font-variant: normal;
    border: none !important;
    text-transform: none;
    line-height: 1;
    vertical-align: -0.125em;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

#edk-refiners-list-content li.clear-selected button span.edk-refiner-link-remove {
    color: #4288B9 !important;
}
#leftnavigation li span.edk-refiner-link-remove {
    border: none;
    padding: 0 !important;
    padding-right: 5px !important;
}

#edk-refiners-list > li.selected button,
#edk-refiners-list-content > li.selected button,
#edk-refiners-list-content > li.selected button:hover,
#edk-refiners-list > li.clear-selected button,
#edk-refiners-list > li.clear-selected button:hover {
    background: #003D65;
    text-decoration: none;
    font-weight: bold;
}

    #edk-refiners-list > li.selected button:hover {
        background: #F0EEEC;
        border: 1px solid #4288B9 !important;
    }

        #edk-refiners-list > li.selected button:hover span {
            color: #4D4843 !important;
        }

    #edk-refiners-list > li.selected button,
    #edk-refiners-list > li.selected button span,
    #edk-refiners-list-content > li.selected button,
    #edk-refiners-list-content > li.selected button span,
    #edk-refiners-list > li.clear-selected button,
    #edk-refiners-list > li.clear-selected button span {
        color: white !important;
    }

.edk-news .ms-srch-item-body {
    display: block;
    width: 100%;
}

    .edk-news .ms-srch-item-body .date {
        font-size: 14px;
        color: #333333;
        margin-top: 21px;
    }

.edk-news .ms-srch-item-title h3 {
    margin: 6px 0 0 0;
    padding-bottom: 40px;
    border-bottom: 1px solid #D8D3CD;
    padding-left: 2px;
}

    .edk-news .ms-srch-item-title h3 a {
        font-size: 22px;
        color: #404040;
    }

#edk-news-sort-title {
    display: none;
}

#edk-news-sort-titletxt {
    font-size: 14px;
    font-family: Arial;
    color: #847C74;
    line-height: 25px;
}

.edk-news #ResultCount {
    display: none;
}

.ms-srch-result-didYouMean {
    float: left;
}

.edk-news .ms-srch-result #ResultHeader select {
    padding: 5px 3px;
    width: 200px;
}

    .edk-news .ms-srch-result #ResultHeader select option {
        color: #404040;
    }

.edk-news #breadcrumb {
    border-bottom: 1px solid #D8D3CD;
    width: 100%;
}

.edk-news #leftnavigation {
    margin-left: 0;
}

.edk-news .mobile,
.edk-news #maincontent .mobile {
    display: none;
}

.edk-news h1.ms-rteElement-eduskuntaH1 {
    color: #847C74;
    margin: 20px 0 10px 15px;
}

.edk-news .edk-search-header {
    margin-bottom: 20px;
    margin-left: 10px;
}

.edk-news #maincontent {
    padding-top: 0;
}

@media screen and (max-width: 992px) {
    .edk-news h1.ms-rteElement-eduskuntaH1 { margin-top: 0; }
    .edk-news .mobile,
    .edk-news #maincontent .mobile {
        display: block;
    }

    .edk-news .col-sm-3 {
        width: 100%;
    }

    .edk-news #breadcrumb {
        border: 0;
    }

    .edk-news #leftnavigation {
        margin-left: 0;
        padding: 0 50px;
    }

    h1 {
        /* font-size: 28px; */
        margin: 15px 0 15px 0;
    }

    #edk-refiner-title {
        margin: 0 0 10px 20px;
    }

    .edk-refiner-toggle {
        background: #003D65;
        width: 100%;
        padding: 8px 0 8px 0;
        text-align: center;
        float: left;
        margin-bottom: 15px;
    }

        .edk-refiner-toggle span {
            color: white;
            font-weight: bold;
        }

            .edk-refiner-toggle span.edk-refiner-linktxt {
                width: 90%;
            }

    #edk-refiner-show-refinements span.caret:before {
        content: "\f284";
    }

    #edk-refiner-show-news span.caret:before {
        content: "\f285";
    }

    .edk-refiner-toggle span.caret:before {
        display: inline-block;
        font-family: bootstrap-icons !important;
        font-style: normal;
        font-weight: normal !important;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        vertical-align: -0.125em;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        color: white;
    }

    #edk-refiner-show-refinements {
        margin-top: -55px;
    }

        #edk-refiner-show-refinements span.caret {
            float: left;
            padding: 0 10px 0 10px;
        }

    .edk-news #maincontent {
        margin-top: 50px;
    }

    #edk-refiner-show-news {
        margin-top: -5px;
    }

        #edk-refiner-show-news span.caret {
            float: right;
            padding: 0 25px 0 10px;
        }

    .edk-news .ms-srch-result #ResultHeader {
        margin: 20px 0 20px 0;
        float: none;
        position: relative;
        right: auto;
        top: auto;
    }

        .edk-news .ms-srch-result #ResultHeader select {
            width: 300px;
        }
}

@media screen and (max-width: 767px) {
    .mobile-search-title, .mobile-menu-title {
        font-size: 14px;
    }
    .edk-news #leftnavigation {
        padding: 0 30px;
    }
    .edk-news .edk-search-header {
        margin-left: -15px;
    }
    .edk-news #maincontent {
        margin-top: 70px;
    }
    .edk-news .ms-srch-result #ResultHeader {
        width: 100%
    }
        .edk-news .ms-srch-result #ResultHeader select {
            width: 50%;
            margin-top: 0;
        }
    .edk-news #edk-refiners-list-content {
        padding-top: 15px;
    }
}

@media screen and (max-width: 400px) {
    .edk-news .ms-srch-result #ResultHeader {
        margin: 0 0 0 10px;
    }
    .edk-news #edk-sortby-title {
        float: left;
        margin: 5px 10px 5px 0px;
    }
    .edk-news .ms-srch-result #ResultHeader select {
        width: 60%;
        margin-left:0;
        margin-right: 10px;
    }
}

/* Yksittäinen tiedote */

#edk-center-content {
    margin: auto;
    display: table;
    max-width: 640px;
}

.edk-library-article #maincontent h1.ms-rteElement-eduskuntaH1,
.edk-news-article #maincontent h1.ms-rteElement-eduskuntaH1 {
    margin: 30px 0 30px 0;
    color: #847C74;
}

.edk-library-article .ms-rteStyle-eduskuntaIngressi,
.edk-news-article .ms-rteStyle-eduskuntaIngressi {
    font-size: 18px;
    font-weight: bold;
    font-family: Arial;
    color: #404040;
    margin-bottom: 20px;
}

.edk-news-article #maincontent .pageimage img {
    width: 100%;
}

#edk-news-metadata {
    margin: 20px 0 20px 0;
}

    #edk-news-metadata span {
        font-size: 14px;
        font-family: Arial;
        color: #847C74;
    }

.edk-news-imagecaption {
    font-size: 14px;
    color: #404040;
    margin: 5px 0 0 3px;
}

#edk-news-keywords {
    margin: 50px 0 30px 0;
}

    #edk-news-keywords > div {
        font-size: 14px;
        font-family: Arial;
        color: #404040;
        margin-bottom: 8px;
    }

    #edk-news-keywords > span {
        color: #163869;
        border: 1px solid #4288B9;
        display: inline-block;
        margin: 0 10px 0 0;
        padding: 5px 15px 5px 15px;
        border-radius: 25px;
        background: #DCEDF5;
        font-family: Arial;
        font-size: 14px;
        font-weight: bold;
    }

#edk-news-footer {
    border-top: 1px solid #D8D3CD;
    width: 100%;
    margin: 0 0 30px 0;
    padding-top: 30px;
    text-align: center;
}

    #edk-news-footer a {
        border: 1px solid #003D65;
        padding: 5px 40px 5px 40px;
        color: #003D65;
    }

        #edk-news-footer a:hover {
            background: #003D65;
            color: white;
            text-decoration: none;
        }

img.ms-srch-pagingPrev,
img.ms-srch-pagingNext {
    max-width: none !important;
}

#EDK-Search-Scope input[type="radio"] {
    -ms-transform: scale(1.5);
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
    margin-right: 10px;
}

    #EDK-Search-Scope input[type="radio"]:checked ~ .check {
        border: 2px solid #003D65;
    }

    #EDK-Search-Scope input[type="radio"]:checked ~ .check {
        background: #003D65;
    }

#EDK-Search-Scope label {
    font-size: 16px;
    padding: 0 10px 0 5px;
    cursor: pointer;
}

#edk-search-navi-container {
    margin: 0 !important;
}

#edk-search-results-next,
#edk-search-results-prev {
    display: none !important;
}

.ms-promlink-button-image {
    width: auto;
    height: 18px;
    font-size: 16px;
    font-family: Arial;
}

#PagingImageLink .ms-promlink-button {
    width: auto;
    border: 0;
    text-transform: none;
}

#PagingImageLink #PageLinkNext {
    float: right;
    margin-right: 20px;
}

#PagingImageLink #PageLinkPrev {
    float: left;
    margin-left: 20px;
    padding-right: 10px;
}

#PagingImageLink .edk-arrow-right:after,
#PagingImageLink .edk-arrow-left:after {
    color: #4288B9;
    display: inline-block;
    font-family: bootstrap-icons !important;
    font-style: normal;
    font-weight: bold !important;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    vertical-align: 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f284";
}

#PagingImageLink .edk-arrow-right:after {
    content: "\f285";
}

/* SEARCH BEGINS */

/* .edk-table {
	display: table;
	width: 100%;
} */

.edk-table-row {
    display: table-row;
}

.edk-table-cell {
    display: table-cell;
    vertical-align: top;
    margin-top: 0 !important;
}

.ms-srch-group {
    margin-top: 0;
}

.edk-search #edk-refiners-list-content {
    margin-top: 0;
}

.edk-search div#Container > a.ms-ref-refinername > div.ms-displayInlineBlock {
    width: auto;
}

#edk-advanced-search input {
    border: 1px solid #003D65;
}

#EDK-Search-Scope-div {
    float: left;
}

#SearchNavigationSelection {
    height: 35px;
}

#EDK-Search-Scope-div select {
    padding: 7px 3px 5px 10px;
    width: 385px;
    margin-right: 15px;
    height: 24px;
    -moz-appearance: none; /* Firefox */
    -webkit-appearance: none; /* Safari and Chrome */
    appearance: none;
    background: #ffffff url(/_layouts/15/Eduskunta.Internet.Responsive.Layouts/images/arrow_blue_down.svg) top 10px right 10px no-repeat;
    border: 1px solid #003D65;
    color: #4D4843;
    font-weight: bold;
}

    #EDK-Search-Scope-div select::-ms-expand {
        display: none;
    }

#SearchBox {
    float: left;
    width: 440px;
}

#EDK-Search-Scope-div select:focus {
    outline: 1px solid #003D65;
}

#EDK-Clear-div {
    float: left;
    width: 100%;
}

    #EDK-Clear-div > a {
        float: none !important;
        font-family: arial !important;
        font-weight: bold !important;
        color: #006DBA !important;
        background: none !important;
        border: none !important;
        font-size: 14px !important;
        text-align: left !important;
        width: 100% !important;
    }

ul.index-search-linklist {
    list-style: none;
    padding: 0px;
    margin: 0px;
    margin-bottom: 15px;
    line-height: 20px;
}

    ul.index-search-linklist li {
        padding: 7px 2px 7px 0 !important;
        display: block;
        color: #006DBA;
        font-family: 'MontserratBold',"Palatino Linotype","Times New Roman", Times, sans-serif;
        font-weight: 700; /* Bold */
        font-size: 1.2em;
        margin: 0;
        border-bottom: 1px solid #d8d3cd;
    }

#edk-advanced-search .ms-srch-sbLarge > input {
    width: 98% !important;
}

.ms-srch-sbLarge-fullWidth {
    width: 320px !important;
}

#SearchBox a.ms-srch-sb-searchLink {
    float: right;
    padding: 0;
    background: #003D65;
    border: 1px solid #204d74;
    color: #fff;
    font-size: 22px;
    text-align: center;
}

    #SearchBox a.ms-srch-sb-searchLink:hover {
        background: #286090;
    }

.ms-srch-item,
.ms-srch-bestBetItem {
    border-left: 4px solid transparent;
    margin: 3px 0;
}

.ms-srch-item,
.ms-srch-bestBetItem {
    border-bottom: 1px solid #D8D3CD;
    padding: 10px 20px 20px 20px;
    background: #fff;
}

.ms-srch-bestBetItem {
    padding: 0;
}

.ms-srch-bestBetItem-icon {
    height: auto;
    width: auto;
}

    .ms-srch-bestBetItem-icon > img {
        position: relative;
        top: 0px;
        left: 0px;
        margin-right: 20px;
    }

.ms-srch-bestBetItem .ms-srch-item-path {
    padding-top: 0;
}


.ms-srch-group-border .ms-srch-item {
    border-left: 4px solid #DCEDF5;
}

.ms-srch-group-border,
.ms-srch-group-border #GroupBorderTop,
.ms-srch-group-border #GroupBorderBottom {
    border: none;
}

.ms-srch-item-body {
    margin-top: 20px;
    position: relative;
}

.ms-srch-item-icon {
    float: none;
    position: absolute;
    top: 0px;
    left: 20px;
}

    .ms-srch-item-icon,
    .ms-srch-item-icon img {
        width: 27px !important;
        max-width: 27px;
        height: 27px !important;
        max-height: 27px;
    }

.ms-srch-item-title h3 a {
    font-family: 'MontserratSemiBold',Tahoma,Helvetica,Arial,sans-serif;
    color: #404040;
    font-size: 22px;
}

.ms-srch-item-title h3 {
    margin-top: 0;
    overflow: visible;
    padding-top: 3px;
}

.edk-search .ms-srch-item-title,
.edk-search .ms-srch-item-summary,
.edk-search .ms-srch-item-path,
.edk-search .edk-metadata,
.edk-search .ms-srch-item-body .date,
.edk-search .ms-srch-item-body > .ms-metadata,
.edk-search .ms-srch-item-body > .ms-srch-communityItem-summary {
    margin-left: 48px;
    display: block;
}

.edk-search #UserContainer {
    width: 100%;
}

    .edk-search #UserContainer #PictureField img {
        width: 128px;
    }

.edk-search #UserInfoContainer .ms-srch-item-title {
    margin-left: 0;
}

.edk-search .ms-srch-item-body .ms-srchnav-quotationopenglyph-span {
    display: none;
}

.edk-search .ms-srch-item-metadataContainer {
    margin-top: 52px;
}

.edk-search .ms-srch-item-deepLinks {
    margin: -10px 0 20px 68px;
}

    .edk-search .ms-srch-item-deepLinks ul {
        display: table-cell;
    }

.edk-metadata {
    padding-top: 20px;
}

    .edk-metadata .title {
        font-weight: bold;
        font-style: normal;
    }

.edk-metadata-classification {
    display: inline;
}

.ms-srch-item-path {
    color: #4288B9;
    width: auto;
    padding-top: 20px;
}

.edk-srch-tmpl-edustaja,
.edk-srch-tmpl-puhuja,
.edk-srch-tmpl-puheenvuoro {
    font-style: italic;
}

.edk-srch-tmpl-puheenvuoro-asia {
    font-weight: bold;
}

.edk-search-mop-additionalinfo {
    margin-top: 30px;
    font-style: italic;
}

    .edk-search-mop-additionalinfo :before, .edk-search-mop-additionalinfo :after {
        content: '"';
    }

.edk-metadata-hidden {
    display: none;
}

.ms-srch-result #ResultHeader {
    display: block;
    width: 100%;
    margin-top: 0;
    float: left;
}

.ms-srch-resultscount {
    font-size: 16px;
    font-weight: bold;
    float: left;
    margin-top: 5px;
}

#edk-sortby-title {
    float: right;
    margin: 5px 10px;
    font-size: 16px;
    color: #4D4843;
}
/* sorting dropdown */
.edk-search .ms-srch-result #ResultHeader {
    margin-top: -25px;
}

.ms-srch-result #ResultHeader select {
    padding: 5px 3px 5px 10px;
    width: 206px;
    height: 22px;
    float: right;
    -moz-appearance: none; /* Firefox */
    -webkit-appearance: none; /* Safari and Chrome */
    appearance: none;
    background: #ffffff url(/_layouts/15/Eduskunta.Internet.Responsive.Layouts/images/arrow_blue_down.svg) top 10px right 10px no-repeat;
    border: 1px solid #003D65;
    color: #4D4843;
    font-weight: bold;
}

    .ms-srch-result #ResultHeader select::-ms-expand {
        display: none;
    }

    .ms-srch-result #ResultHeader select option {
        background-color: white;
        color: #4D4843;
    }

.ms-ref-refiner #Container {
    padding-bottom: 0;
    background: transparent;
}

    .ms-ref-refiner #Container .ms-ref-refinername {
        background: #ffffff;
        width: 100%;
        padding: 10px 0;
        font-family: Arial;
        font-weight: bold;
        color: #4D4843;
        text-align: left;
    }

button.ms-ref-refinername {
    font-family: Arial;
    font-weight: bold;
    color: #006DBA;
    font-size: 16px;
    padding: 8px 0 8px 0;
    border: 0;
    display: block;
    cursor: pointer;
}

.edk-search-header {
    background: #ffffff;
}

.edk-radiobutton-item {
    margin-top: 7px;
}

    .edk-radiobutton-item input[type="radio"] {
        -ms-transform: scale(1.5); /* IE 9 */
        -webkit-transform: scale(1.5); /* Chrome, Safari, Opera */
        transform: scale(1.5);
    }

    .edk-radiobutton-item label {
        margin-left: 12px;
    }

.ms-ref-refinername:link, .ms-ref-refinername:visited {
    padding: 10px 10px 10px 20px;
}

.edk-search-header {
    background: #ffffff;
    padding: 30px;
    margin-bottom: 20px;
}

.edk-search #leftnavigation ul {
    float: left;
    margin: 10px 0 10px 0;
}

#edk-refiners-list {
    width: 100%;
}

.ms-ref-refinername > .ms-ref-uparrow:after,
.ms-ref-refinername > .ms-ref-downarrow:after {
    width: 1.25rem;
    height: 1.25rem;
    margin-left: auto;
    content: "\f286";
    padding: 2px 15px 0 5px !important;
    float: right;
    font-family: bootstrap-icons !important;
    font-style: normal;
    font-weight: bold !important;
    font-variant: normal;
    border: none !important;
    text-transform: none;
    line-height: 1;
    vertical-align: -0.125em;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;

}
.ms-ref-refinername > .ms-ref-downarrow:after {
    content: "\f282";
}
.ms-ref-uparrow,
.ms-ref-downarrow {
    background: none;
    display: block;
}

.edk-search .ms-srch-item {
    width: 100%;
    padding: 0;
}

.edk-search .ms-srch-item-body {
    width: 95%;
    padding: 0 20px 20px 20px;
}

.edk-search .ms-ref-unsel-toggle {
    color: #4288B9;
    margin: 0 0 20px 0;
}

.edk-search .ms-srch-group-title {
    font-style: italic;
}

.edk-search .ms-srch-item-title {
    position: relative;
}

.edk-search .edk-current-mop {
    position: absolute;
    top: 0px;
    right: 0px;
}

#edk-refiners-list .edk-long-list-refiner,
.edk-show-less {
    display: none;
}

.edk-show-more,
.edk-show-less {
    text-transform: none;
    font-size: 16px;
    color: #4288B9;
    font-weight: bold;
}

.edk-show-less .edk-arrow-up:before ,
.edk-show-more .edk-arrow-right:before {
    width: 1.25rem;
    height: 1.25rem;
    margin-left: auto;
    content: "\f285";
    padding: 2px 15px 0 5px !important;
    float: right;
    font-family: bootstrap-icons !important;
    font-style: normal;
    font-weight: bold !important;
    font-variant: normal;
    border: none !important;
    text-transform: none;
    line-height: 1;
    vertical-align: -0.125em;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #4288B9;
}

.edk-show-less .edk-arrow-up:before {
    content: "\f286" !important;
}

#edk-search-navi-wrapper {
    width: 100%;
}

#edk-search-navi-container {
    margin: 0 10px;
}

.edk-search #leftnavigation ul#edk-search-navi {
    width: 100%;
    margin: 0 0 10px 0;
}

#edk-search-navi .edk-search-navi-item a {
    color: #003D65 !important;
    background: white;
    border: 1px solid #003D65;
    text-align: center;
    display: block;
    width: 100%;
    margin-top: -1px;
    padding: 8px 0px !important;
}

#edk-search-navi .edk-search-navi-item.selected a {
    color: white !important;
    background: #003D65;
}

.edk-search #leftnavigation.edk-search-leftnavi h2.ms-webpart-titleText.ms-webpart-titleText,
.edk-search #leftnavigation.edk-search-leftnavi h2.ms-webpart-titleText > a {
    font-weight: bold;
    padding: 0 0 5px 20px;
    margin: 0;
    border-bottom: none;
}

.edk-search #leftnavigation.edk-search-leftnavi .ms-ref-unsel-toggle {
    width: 100%;
    float: left;
    text-align: left;
}

#content-area #SearchBox .btn-primary {
    padding: 6px 0;
}

.ms-ref-refiner {
    float: left;
}

.ms-ref-refinername {
    border-bottom: 1px solid #4288B9 !important;
}

.ms-ref-unselSec {
    padding: 0 20px;
}

.ms-ref-unsel-shortList {
    float: left;
    width: 100%;
    margin: 0 -20px 0 -20px;
    padding: 0 20px 0 20px;
    background: #f7f7f5;
}

.ms-ref-refiner #Value, .ms-ref-unsel-toggle, #OtherValue, #SubmitValue {
    width: 100%;
}

    .ms-ref-refiner #Value > button {
        width: 100%;
        margin-left: 0;
        padding-left: 0 !important;
        background-color: #ffffff;
        text-align: left;
    }

#edk-refiners-list > li button span.edk-refiner-linktxt {
    padding: 0 8px !important;
}

.ms-ref-refinername {
    padding: 10px 0;
    width: 100%;
    position: relative;
}

    .ms-ref-refinername .ms-displayInlineBlock {
        padding-left: 20px;
        padding-right: 30px;
    }

.ms-ref-refiner {
    width: 100%;
    padding-right: 0;
}

.edk-search .mobile,
.edk-search #maincontent .mobile {
    display: none;
}

/* disable document preview */
.ms-srch-hover-outerContainer {
    display: none !important
}

.edk-search .ms-srch-sbLarge > input {
    background-color: #ffffff;
    color: #4D4843;
}

.edk-search .ms-srch-sbLarge > .ms-srch-sb-searchLink {
    width: 68px;
}

.edk-search #SearchBox a.ms-srch-sb-searchLink > span {
    padding: 4px 0;
}

.edk-search .ms-srch-sb-border {
    border: 1px solid #003D65;
}

.edk-search .ms-srch-sb-borderFocused {
    outline: 1px solid #003D65;
}

@media screen and (max-width: 1199px) {
    #EDK-Search-Scope-div select {
        width: 385px;
    }
}

@media screen and (max-width: 992px) {
    #SearchBox, .ms-srch-sbLarge {
        width: 100%;
        float: none;
    }

    #EDK-Search-Scope-div {
        float: none;
        padding-bottom: 10px;
    }

        #EDK-Search-Scope-div select {
            width: 98%;
        }

    .edk-search .mobile,
    .edk-search #maincontent .mobile {
        display: block;
    }

    .edk-search .col-sm-3 {
        width: 100%;
    }

    .edk-search #breadcrumb {
        border: 0;
    }

    .edk-search #leftnavigation {
        margin-left: 0;
        padding: 0 50px;
    }

    .edk-search #maincontent {
        border-left: none;
        margin-top: 50px;
    }

    .edk-search #leftnavigation > div {
        float: left;
    }

    .edk-search #maincontent #edk-refiner-show-refinements {
        width: 90%;
        margin-left: auto;
        margin-right: auto;
        float: none;
        margin-top: -70px;
    }

    .edk-list .edk-wwwroot {
        max-width: 170px;
        padding: 0 0 0 5px;
    }

        .edk-list .edk-wwwroot h6.title {
            margin: 5px 0 5px 0;
        }
}

@media screen and (max-width: 767px) {
    #SearchBox, .ms-srch-sbLarge {
        width: 100%;
    }

    #EDK-Search-Scope-div select {
        width: 98%;
    }

    .edk-list .edk-wwwroot {
        margin-top: 10px;
        max-width: 100%;
        padding-left: 0;
    }

        .edk-list .edk-wwwroot h6.title {
            margin: 5px 0 5px 0;
        }

    .edk-wp-list:first-child .edk-list-item-title {
        display: none;
    }

    .edk-wp-list .edk-wp-list-item {
        margin-left: 0;
        margin-right: 0;
    }
}

@media screen and (max-width: 600px) {
    .edk-search .ms-srch-item-path {
        overflow-wrap: break-word;
        word-wrap: break-word;
        -ms-word-break: break-all;
        word-break: break-word;
        -ms-hyphens: auto;
        -moz-hyphens: auto;
        -webkit-hyphens: auto;
        hyphens: auto;
    }

    .edk-search #UserContainer {
        display: table-row;
    }

    .edk-search #UserPicContainer,
    .edk-search #UserInfoContainer {
        display: table-cell;
        vertical-align: top;
        width: 100%;
    }

    .edk-search .ms-srch-item-title {
        padding-right: 35px;
    }

        .edk-search .ms-srch-item-title a {
            font-size: 16px;
        }

    #SearchBox, .ms-srch-sbLarge {
        width: 100%;
        min-width: 200px;
    }

    .edk-search .ms-srch-sbLarge > input {
        width: 80% !important;
        margin: 0;
        padding: 0;
    }

    #EDK-Search-Scope-div select {
        width: 98%;
    }

    .edk-search .ms-srch-sb-searchLink {
        width: 19% !important;
        margin: 0;
        padding: 0;
    }

    .edk-search #Actions {
        float: left;
        margin-top: 15px;
    }

    .edk-search #ResultCount {
        width: 100%;
    }

    .edk-news #Actions #edk-sortby-title,
    .edk-search #Actions #edk-sortby-title {
        float: left;
        margin: 5px 10px 0 0;
    }

    .edk-search .ms-srch-result #ResultHeader {
        margin-top: 0;
    }

        .edk-search .ms-srch-result #ResultHeader select {
            width: auto;
            float: right;
            padding-right: 10px;
        }

    .edk-search #UserContainer {
        width: auto;
    }

        .edk-search #UserContainer #PictureField img {
            width: 92px;
        }

    .edk-search .ms-srch-item-body {
        padding-left: 0;
        width: 100%;
    }

    .edk-search .ms-srch-item-icon {
        left: 0;
    }

    .edk-search .ms-srch-result {
        margin-top: 0;
    }

    .edk-search #edk-refiners-list-content {
        margin: 0;
    }
}

/* Advanced search */
.edk-advanced-search-wrapper .edk-search-header {
    background: transparent;
}

#edk-advanced-search-form {
    padding-bottom: 30px;
    margin: -30px 0 0 -45px;
}

    #edk-advanced-search-form .custom-search-input {
        border-bottom: 1px solid #D8D3CD;
    }

#edk-advanced-search h2 {
    font-weight: bold;
    font-size: 20px;
    border-bottom: none;
    margin-top: 20px;
}

#edk-advanced-search input {
    color: #777;
}

#edk-advanced-search #SearchBox .ms-srch-sbLarge {
    border: 1px solid #003D65;
    width: 100%;
}

    #edk-advanced-search #SearchBox .ms-srch-sbLarge input {
        width: 100%;
        border: none;
    }



/* custom drop down for advanced search */
#edk-advanced-search select {
    padding: 5px 40px 5px 10px;
    width: auto;
    height: 22px;
    -moz-appearance: none; /* Firefox */
    -webkit-appearance: none; /* Safari and Chrome */
    appearance: none;
    background: #f7f7f5 url(/_layouts/15/Eduskunta.Internet.Responsive.Layouts/images/arrow_blue_down.svg) top 10px right 10px no-repeat;
    border: 1px solid #003D65;
    color: #777;
}

    #edk-advanced-search select::-ms-expand {
        display: none;
    }

    #edk-advanced-search select option {
        background-color: white;
        color: #777;
    }

/* custom checkbox for advanced search */
#edk-advanced-search .container {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 16px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

    #edk-advanced-search .container input {
        position: absolute;
        opacity: 0;
        cursor: pointer;
    }

#edk-advanced-search .checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 25px;
    width: 25px;
    background-color: #fff;
    border: 1px solid #385590;
}

#edk-advanced-search .container:hover input ~ .checkmark {
    background-color: #ccc;
}
/*#edk-advanced-search .container input:checked ~ .checkmark {
  background-color: #2196F3;
}*/
#edk-advanced-search .checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

#edk-advanced-search .container input:checked ~ .checkmark:after {
    display: block;
}

#edk-advanced-search .container .checkmark:after {
    left: 9px;
    top: 5px;
    width: 5px;
    height: 10px;
    border: solid #385590;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

#edk-advanced-search .edk-search-section {
    clear: both;
    float: left;
    width: 100%;
}

.edk-search-section > #SearchBox {
    float: none;
}

#edk-advanced-search #edk-properties-area .edk-odd-row {
    margin: 10px 0 10px -40px;
    background-color: #F0EEEB;
    padding: 20px;
}

#edk-advanced-search #edk-properties-area .edk-even-row {
    margin: 10px 0 10px -20px;
}

#edk-advanced-search #edk-properties-area > div .edk-even-row:last-child {
    display: none;
}

#edk-advanced-search #edk-properties-area > div {
    padding: 20px 0 0 5px;
}

    #edk-advanced-search #edk-properties-area > div:first-child {
        padding-top: 0;
    }

#edk-advanced-search #edk-properties-area .edk-property-dd select {
    width: 190px;
}

#edk-advanced-search #edk-properties-area .edk-condition-dd select {
    width: 125px;
}

#edk-advanced-search #edk-properties-area .edk-propertyvalue-tb input {
    height: 30px;
    width: 100%;
}

#edk-advanced-search #edk-properties-area .edk-operator-dd select {
    width: 60px;
}

#edk-advanced-search .edk-search-btn input {
    height: 22px;
    font-size: 16px;
    font-weight: bold;
}

#edk-advanced-search .edk-search-btn.edk-btn-white {
    margin-left: -15px;
}

    #edk-advanced-search .edk-search-btn.edk-btn-white input {
        background: #fff;
        color: #003D65;
        border: 1px solid #003D65;
        padding: 5px 30px 5px 30px;
        font-size: 14px;
        margin-left: 15px;
    }

#edk-advanced-search .edk-search-btn.edk-btn-blue input {
    background: #003D65;
    color: #fff;
    width: 200px;
}

#edk-advanced-search #edk-advanced-seach-footer {
    text-align: center;
    margin: 50px 0 0 0;
}

@media screen and (max-width: 992px) {
    #edk-properties-area .edk-property-dd select,
    #edk-properties-area .edk-condition-dd select,
    #edk-properties-area .edk-propertyvalue-tb input {
        width: auto;
    }
}

@media screen and (max-width: 767px) {
    #edk-advanced-search #edk-properties-area .edk-odd-row {
        margin-left: 0;
    }

    #edk-advanced-search #edk-properties-area .edk-even-row {
        margin-left: 20px;
    }

    #edk-advanced-search #edk-properties-area .edk-odd-row:first-child,
    #edk-advanced-search #edk-properties-area .edk-odd-row:first-child > div:first-child {
        margin-top: 0;
    }

    #edk-advanced-search #edk-properties-area .edk-odd-row > div {
        margin-top: 20px;
    }

        #edk-advanced-search #edk-properties-area .edk-odd-row > div:first-child {
            margin-top: 0;
            padding-top: 0;
        }

    #edk-advanced-search #edk-properties-area > div {
        padding: 0;
    }

    #edk-advanced-search .edk-btn-white.edk-search-btn input {
        margin-left: 35px;
    }
}

.ms-srch-item-highlightedText {
    background: #FAEDBB
}

.edk-search-mop-hithighlightedsummary .ms-srch-item-summary {
    margin-left: 0;
    font-style: italic;
    margin-top: 20px;
}

.edk-search-mop-hithighlightedsummary > div:before {
    content: open-quote;
}

.edk-search-mop-hithighlightedsummary > div:after {
    content: close-quote;
}
/* SEARCH ENDS */

/* Start TÄYSISTUNTO */
.taysistunto-h1 {
    margin-top: 0;
}

#videoWrapper h2 {
    text-align: center;
}

#videoWrapper h3 {
    color: #4A4A4A;
    font-family: Arial;
    font-size: 14px;
    font-weight: bold;
    line-height: 17px;
    margin-bottom: 5px;
}

#videoWrapper p {
    color: #404040;
    font-family: Arial;
    font-size: 14px;
    line-height: 22px;
    margin-bottom: 20px;
}

.AktiivinenKohta {
    background: #DCEDF5;
    margin: 10px -7px 0 -7px;
    padding: 7px;
}

.Paivajarjestys .AktiivinenKohta .MuuAsiakohta {
    margin-top: 12px;
}

.edk-notifications-footer,
.edk-speechrequests-footer,
.edk-deliveredspeeches-footer {
    margin: 10px 0 10px 0;
    display: none;
}

    .edk-notifications-footer > div,
    .edk-speechrequests-footer > div,
    .edk-deliveredspeeches-footer > div {
        padding-left: 0;
    }

.edk-notifications a.edk-show-more,
.edk-notifications a.edk-show-more:hover,
.edk-notifications a.edk-show-more:focus,
.edk-notifications a.edk-show-more:active,
.edk-deliveredspeeches a.edk-show-more,
.edk-deliveredspeeches a.edk-show-more:hover,
.edk-deliveredspeeches a.edk-show-more:focus,
.edk-deliveredspeeches a.edk-show-more:active,
.edk-speechrequests a.edk-show-more,
.edk-speechrequests a.edk-show-more:hover,
.edk-speechrequests a.edk-show-more:focus,
.edk-speechrequests a.edk-show-more:active {
    text-decoration: none;
}

.edk-notifications-btn,
.edk-speechrequests-btn,
.edk-deliveredspeeches-btn {
    text-decoration: none;
}

.edk-notifications .edk-show-more::after,
.edk-deliveredspeeches .edk-show-more::after,
.edk-speechrequests .edk-show-more::after,
.edk-notifications .edk-expanded::after,
.edk-deliveredspeeches .edk-expanded::after,
.edk-speechrequests .edk-expanded::after {
    font-family: bootstrap-icons !important;
    font-style: normal;
    font-weight: bold !important;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    vertical-align: -0.125em;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f285";
    padding-left: 5px;
}

.edk-notifications .edk-expanded::after,
.edk-deliveredspeeches .edk-expanded::after,
.edk-speechrequests .edk-expanded::after {
    content: "\f286";
}

ol.edk-notificationslist,
ol.edk-speechrequests-speakerlist,
ol.edk-deliveredspeeches-speakerlist {
    margin: 0;
    padding: 15px 0 0 33px;
    font-size: 14px;
    font-family: Arial;
}

#edk-printpopup-header {
    float: right;
}

    #edk-printpopup-header a {
        margin-right: 10px;
    }

.edk-print-deliveredspeeches-link,
.edk-print-speechrequests-link {
    background: transparent url(/_layouts/15/CGI.Edk.WebParts/images/icon-printer.svg) no-repeat 0 0;
    background-size: 20px 20px;
    padding-left: 25px;
    padding-bottom: 5px;
    margin-left: 30px;
    float: left;
}

.edk-dynamicplenaryagenda-button {
    background: transparent;
    border: 0;
    padding: 0;
    margin-top: 0px;
    color: #006DBA;
    font-weight: bold;
    font-family: Arial;
    text-align: left;
}

#Speeches h3 {
    color: #404040;
    font-family: Arial;
    font-weighT: bold;
    font-size: 14px;
    line-height: 22px;
    margin: 0 0 2px 0;
}

#Speeches ul {
    padding: 0 0 10px 0;
}

    #Speeches ul li {
        list-style: none;
        line-height: 22px;
    }

    #Speeches ul#previousSpeeches li {
        color: #878787
    }

.edk-speech_reservation-footer .button {
    background: white;
    color: #003D65;
    border: 2px solid #003D65;
    width: 500px;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: bold;
    margin-top: 10px;
    margin-bottom: 10px;
}

    .edk-speech_reservation-footer .button:hover {
        background: #003D65;
        color: white;
    }

#rightcolumn #PlenaryAnnouncements {
    margin-left: -15px;
}

    ol.edk-notificationslist li,
    #rightcolumn #PlenaryAnnouncements li {
        margin-bottom: 20px;
    }

@media screen and (max-width: 1199px) {
    .edk-speech_reservation-footer .button {
        width: 405px;
    }
}

@media screen and (max-width: 992px) {
    .edk-print-deliveredspeeches-link,
    .edk-print-speechrequests-link {
        float: left;
        margin-top: 5px;
        margin-left: 0;
    }
}
/* End TÄYSISTUNTO */

@media screen and (max-width: 420px) {
    #HamburgerNavigation-div .mobile-menu-title,
    #HamburgerNavigation-div .mobile-search-title {
        display: none;
        font-size: 14px;
    }

    #hamburgerNavigation .navbar-header > button#mobile-search-button {
        right: 30px;
    }
}

.item.edk-vaski-list-item {
    padding: 0;
}

.edk-vaski-list-item {
    display: table;
    width: 100%;
    margin-top: 5px;
}

.edk-vaski-list-item-left-content,
.edk-vaski-list-item-right-content {
    display: table-cell;
    vertical-align: top;
}

.edk-vaski-list-item-left-content {
    width: 30px;
}

.edk-vaski-list-item-icon {
    margin-right: 8px;
    max-width: 25px !important;
    min-width: 25px;
    max-height: 25px;
}

.edk-vaski-list-item-link {
    font-weight: bold;
}

.edk-vaski-list-item-title {
    margin-top: 1px;
}

.edk-btn {
    width: 100%;
    text-transform: uppercase;
    font-size: 16px;
    margin: 10px 0;
    padding: 8px 0;
    display: block;
    text-align: center;
}

    .edk-btn.edk-btn-white {
        background: #fff !important;
        color: #003D65 !important;
        border: 2px solid #003D65 !important;
    }

        .edk-btn.edk-btn-white:hover {
            background: #003D65 !important;
            color: white !important;
            text-decoration: none !important;
        }

    .edk-btn.edk-btn-blue {
        background: #003D65 !important;
        color: #fff !important;
        border: 2px solid #003D65 !important;
    }

        .edk-btn.edk-btn-blue:hover {
            background: #006DC0 !important;
            color: #fff !important;
            border: 2px solid #006DC0 !important;
            text-decoration: none !important;
        }

    .edk-btn:focus {
        outline: 1px solid #003D65;
        background: #f0eeeb !important;
        color: #003D65 !important;
    }

button.edk-accordion-toggle {
    width: 100%;
    border: 0;
    border-bottom: 1px solid #4288B9;
    padding: 5px 0;
    text-align: left;
}

    button.edk-accordion-toggle:hover {
        background: none;
    }

    button.edk-accordion-toggle h3,
    button.edk-accordion-toggle h4,
    button.edk-accordion-toggle .edk-title-h3,
    button.edk-accordion-toggle .edk-title-h4 {
        border: 0;
        padding: 0;
        margin: 0;
    }

    button.edk-accordion-toggle .edk-accordion-arrow:after {
        color: #4288b9;
        display: inline-block;
        font-family: bootstrap-icons !important;
        font-style: normal;
        font-weight: bold !important;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        float: right;
        vertical-align: -0.125em;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        padding-right: 30px;
        padding-top: 3px;
        content: "\f282";
    }

    button.edk-accordion-toggle.open .edk-accordion-arrow::after {
        content: "\f286";
    }

.b-border {
    border-bottom: 1px solid #F0EEEB;
}

.r-border {
    border-right: 1px solid #F0EEEB;
}

.l-border {
    border-left: 1px solid #F0EEEB;
}

.t-border {
    border-top: 1px solid #F0EEEB;
}

.no-t-margin {
    margin-top: 0;
}

.no-b-margin {
    margin-bottom: 0;
}

.no-l-margin {
    margin-left: 0;
}

.no-r-margin {
    margin-right: 0;
}

.no-t-padding {
    padding-top: 0;
}

.no-b-padding {
    padding-bottom: 0;
}

.no-l-padding {
    padding-left: 0;
}

.no-r-padding {
    padding-right: 0;
}

.no-t-border {
    border-top: 0;
}

.no-b-border {
    border-bottom: 0;
}

/* screen-reader only */
.edk-hidden {
    width: 1px;
    height: 1px;
    padding-left: 1px;
    overflow: hidden;
}

/* cookie consent */
.consent-container {
    background-color: #e9edf1;
    position: fixed;
    width: 100%;
    bottom: 0;
    max-height: 75%;
    box-sizing: border-box;
    overflow: auto;
    z-index: 1001;
    border-top: 1px solid #e0e0e0;
}

.consent-content {
    margin-top: 20px;
    margin-left: 20px;
}

.consent-left {
    float: left;
}

.consent-right {
    float: right;
    padding-right: 100px;
    padding-top: 0;
    padding-bottom: 0;
}

.btn-consent-reject {
    margin-right: 10px;
    width: 300px;
    float: left;
    margin-top: 0;
}

.btn-consent-accept {
    width: 300px;
    margin-top: 0;
    float: right;
}

.consent-items-container > label, .consent-item > label {
    font-weight: bold;
    margin-bottom: 5px;
}

.consent-items-footer {
    margin-bottom: 20px;
    width: 180px;
}

.cookie-settings {
    background-color: #e9edf1;
    position: fixed;
    width: 100%;
    bottom: 0;
    max-height: 75%;
    box-sizing: border-box;
    overflow: auto;
    z-index: 1001;
    border-top: 1px solid #e0e0e0;
    padding-left: 10px;
}

.edk_checkbox_wrapper .container {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 14px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.edk_checkbox_wrapper label.container {
    margin: 0;
}

.edk_checkbox_wrapper .container input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    color: #777;
    border: 1px solid #003D65;
}

.edk_checkbox_wrapper .checkmark {
    position: absolute;
    top: 1.5px;
    left: 0;
    height: 14px;
    width: 14px;
    background-color: #fff;
    border: 1px solid #385590;
}

.edk_checkbox_wrapper .container:hover input ~ .checkmark {
    background-color: #ccc;
}

.edk_checkbox_wrapper .container:hover input ~ .checkmark {
    background-color: #ccc;
}

.edk_checkbox_wrapper .checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

.edk_checkbox_wrapper .container input:checked ~ .checkmark:after {
    display: block;
}

.edk_checkbox_wrapper .container .checkmark:after {
    left: 3px;
    top: -2px;
    width: 5px;
    height: 10px;
    border: solid #385590;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.consent-opt-in-button {
    width: 200px;
}

.edk-search .UserContainer {
    display: table;
    width: 100%;
}

.edk-search .UserPicContainer,
.edk-search .UserInfoContainer {
    display: table-cell;
    vertical-align: top
}

.edk-search .UserPicContainer {
    width: 148px
}

    .edk-search .UserPicContainer .PictureField img {
        width: 128px;
    }

.edk-search .UserInfoContainer .NameValue.ms-srch-item-title {
    margin-left: 0
}

.edk-search .UserInfoContainer .title {
    font-weight: bold
}

.col-sm-8 .nav-dropdown-content {
    display: none;
}

.col-sm-8 > button.navbar-toggle.collapsed {
    float: none;
}

/* Left navi mobile dropdown content (hidden by default) */

#leftnavigationMobile {
    display: none !important;
}

@media screen and (max-width: 992px) {
    #leftnavigationMobile {
        display: block !important;
    }

        #leftnavigationMobile button {
            float: none !important;
            text-align: left;
            margin-top: 0;
            margin-bottom: 0;
            border-radius: 0;
            font-size: 16px;
            z-index: 10000;
            border: 0;
            padding-top: 13px;
            padding-bottom: 13px;
            padding-left: 0;
        }

        #leftnavigationMobile > button.navbar-toggle {
            border-bottom: 3px solid #003D65;
            padding-top: 0;
            padding-bottom: 0;
        }

            #leftnavigationMobile > button.navbar-toggle.collapsed {
                border-bottom: 3px solid white
            }

        #leftnavigationMobile > button:hover {
            background: none;
        }

        #leftnavigationMobile .mob-menu {
            font-size: 22px;
            display: inline-block;
            float: left;
        }

        #leftnavigationMobile .mobile-menu-title {
            display: inline-block;
            padding-top: 5px;
        }

        #leftnavigationMobile ul button:hover {
            background: #f0eeeb !important;
        }

        #leftnavigationMobile ul {
            padding: 0;
        }

    #leftNavigationBarMobile {
        padding-top: 0;
        margin-bottom: 30px;
    }

        #leftNavigationBarMobile.collapse.in {
            border-top: 1px solid #e7e7e7;
        }

        #leftNavigationBarMobile ul.navbar-nav > li > a {
            padding-left: 0 !important;
            font-size: 16px;
        }

        #leftNavigationBarMobile .dropdown-toggle::after {
            content: none;
            border: 0;
        }
}

.sr-only,
.sr-only-focusable:not(:focus):not(:focus-within) {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border: 0 !important;
}

/* MOP Page */
.current-mop {
    padding-top: 0;
    position: relative;
}

.mop-photo {
    padding-bottom: 20px;
}

.mop-personal-information .col-sm-9.mop-basicinfo {
    padding-left: 0;
}

.mop-personal-information {
    float: left;
    padding-bottom: 20px;
    width: 100%;
}

.mop-panel {
    float: left;
    width: 100%;
}

.mop-title-label,
.mop-info-value {
    font-weight: bold;
    line-height: 20px;
    font-family: Helvetica;
    font-size: 16px;
    color: #404040;
    padding-left: 0 !important;
}

.mop-info-value {
    line-height: 22px;
    font-weight: normal;
}

    .mop-info-value ul {
        padding: 0;
        list-style: none;
    }

.mop-contact-info {
    padding-bottom: 20px;
    margin-left: 10px;
}

    .mop-contact-info .mop-info-value {
        padding-left: 16px !important;
    }

#maincontent h1.mopName {
    color: #847C74;
    font-size: 32px;
    font-weight: 300;
    line-height: 36px;
    margin: 5px 0 10px 0;
    font-family: Montserrat;
}

.edk-current-mop {
    position: absolute;
    top: 0;
    right: 20px;
}

#maincontent h2.parliamentaryGroup {
    color: #4D4843;
    font-size: 26px;
    line-height: 30px;
    padding-bottom: 10px;
    margin-bottom: 0;
    font-family: Montserrat;
}

#maincontent h3.mopTerms {
    color: #4D4843;
    font-size: 20px;
    line-height: 22px;
    font-weight: bold;
    padding-bottom: 20px;
    font-family: Montserrat;
    margin-top: 0;
}

#maincontent p.parliamentaryGroup {
    color: #4D4843;
    font-size: 26px;
    line-height: 30px;
    padding-bottom: 10px;
    margin-bottom: 0;
    font-family: Montserrat;
    font-weight: 600;
}

#maincontent p.mopTerms {
    color: #4D4843;
    font-size: 18px;
    line-height: 20px;
    font-weight: bold;
    padding-bottom: 20px;
    font-family: Montserrat;
    margin-top: 0;
}

.mop-title-label > h2 {
    font-weight: bold;
    line-height: 20px;
    font-family: Helvetica;
    font-size: 14px;
    color: #404040;
    padding-left: 0 !important;
    margin: 0;
}

.edk-mop .ms-rtestate-field p,
.edk-mop p.ms-rteElement-P {
    margin: 0;
}

.MOPContainer {
    padding-bottom: 20px;
}
.accordion {
    clear: both;
}
h3.accordion-header {
    margin-top: 0;
}
.accordion-item {
    border: 0;
}
.accordion-button {
    height: auto;
    color: #4D4843;
    font-family: Montserrat;
    font-size: 18px;
    font-weight: bold;
    line-height: 20px;
    margin: 4px 0;
    padding: 10px 0;
    border-bottom: 1px solid #4288B9;
}
.accordion-button.collapsed {
    background-color: transparent;
}
.accordion-button:not(.collapsed) {
    color: #4D4843;
    background-color: #DCEDF5;
    box-shadow: none;
}
.accordion-button:focus {
    outline: 1px solid #003D65;
    border: none;
    box-shadow: none;
}
button:focus:not(:focus-visible) {
    outline: 1px solid #003D65;
}
.accordion-button:hover {
    background-color: transparent;
    background-color: #efefef;
}
.accordion-button::after {
     margin-right: 15px;
 }
 .accordion-body {
    padding: 4px 0 0 0;
}
.accordion-MOPContainer ul.sub-menu {
    padding-left: 0;
}
.accordion-MOPContainer .mop-info-value ul {
    padding-left: 20px;
    padding-bottom: 20px;
    list-style-type: disc;
}

    .accordion-MOPContainer .mop-info-value ul.no-bullet {
        padding-left: 0;
        list-style: none;
    }

.accordion-MOPContainer .mop-info-value li {
    padding: 0;
}


h4.mop-accordion-title {
    color: #4288B9;
    font-family: Montserrat;
    font-size: 16px;
    font-weight: bold;
    line-height: 19px;
    margin: 10px 0 0 0;
}

.accordion-content {
	display: none;
}

.sub-menu > li {
	list-style: none;
}

.accordion-main {
    width: 100%;
}

.sidRyhma {
    font-weight: bold;
    padding-top: 20px;
    font-size: 14px;
    font-family: Helvetica;
    line-height: 20px;
}

    .sidRyhma:first-child {
        padding-top: 0;
    }

    .sidRyhma:first-letter {
        text-transform: uppercase;
    }

.sidOtsikko {
    font-size: 1.05em;
    padding-top: 3px;
    padding-bottom: 3px;
}

.sidonta {
    margin-left: 20px;
    display: list-item;
    list-style-type: disc;
}

/* Tablet */
@media screen and (max-width: 992px) {
    #maincontent h1.mopName {
        font-size: 1.75rem;
    }
    #maincontent p.parliamentaryGroup {
        font-size: 1.5rem;
    }
    .mop-contact-info > div:last-child {
        padding-bottom: 20px;
    }

    .mop-contact-info {
        padding-bottom: 0;
    }

        .mop-contact-info .mop-info-value {
            padding-left: 0 !important;
        }

    .mop-personal-information .col-sm-3.mop-photo {
        padding-left: 0;
    }

    .mop-accordion-title-text {
        float: left;
        width: 80%;
    }
}
@media screen and (max-width: 767px) {
    .mop-contact-info > div {
        padding-bottom: 20px;
    }
}