/* EDK custom css for bootstrap framework */

/* Global color & font variables:  */
:root {
  --clr-blue: #114D9D;
  --clr-blue-light: #D6E7F5;
  --clr-gray: #C9CACC;
  --clr-gray-light: #F4F4F5;
  --clr-gray-light-semi: #EFEFF0;
  --clr-gray-dark: #454547;
  --clr-orange: #DC6320;
  --clr-red: #A42D16;
  --clr-yellow: #F5C562;
  --clr-green: #006F63;
  --fnt-fallback-sansserif: "Helvetica Neue",Helvetica,Arial,sans-serif;
  --fnt-fallback-serif: Arial,serif;
}

/* Custom web fonts */
/* Choose font format (woff2,woff,ttf) by filesize (from smallest to largest) */

/* Body text */
@font-face {
    font-family: 'SourceSerif4';
    font-weight: 400;
    font-style: normal;
    src:url('/_layouts/15/Eduskunta.Internet.Responsive.Layouts/fonts/SourceSerif4-Regular.woff2') format('woff2'),
        url('/_layouts/15/Eduskunta.Internet.Responsive.Layouts/fonts/SourceSerif4-Regular.woff') format('woff'),
        url('/_layouts/15/Eduskunta.Internet.Responsive.Layouts/fonts/SourceSerif4-Regular.ttf') format('truetype');
}
@font-face {
    font-family: 'SourceSerif4';
    font-weight: 400;
    font-style: italic;
    src:url('/_layouts/15/Eduskunta.Internet.Responsive.Layouts/fonts/SourceSerif4-Italic.woff2') format('woff2'),
        url('/_layouts/15/Eduskunta.Internet.Responsive.Layouts/fonts/SourceSerif4-Italic.woff') format('woff'),
        url('/_layouts/15/Eduskunta.Internet.Responsive.Layouts/fonts/SourceSerif4-Italic.ttf') format('truetype');
}
@font-face {
    font-family: 'SourceSerif4';
    font-weight: 600;
    font-style: normal;
    src:url('/_layouts/15/Eduskunta.Internet.Responsive.Layouts/fonts/SourceSerif4-SemiBold.woff2') format('woff2'),
        url('/_layouts/15/Eduskunta.Internet.Responsive.Layouts/fonts/SourceSerif4-SemiBold.woff') format('woff'),
        url('/_layouts/15/Eduskunta.Internet.Responsive.Layouts/fonts/SourceSerif4-SemiBold.ttf') format('truetype');
}
@font-face {
    font-family: 'SourceSerif4';
    font-weight: 700;
    font-style: normal;
    src:url('/_layouts/15/Eduskunta.Internet.Responsive.Layouts/fonts/SourceSerif4-Bold.woff2') format('woff2'),
        url('/_layouts/15/Eduskunta.Internet.Responsive.Layouts/fonts/SourceSerif4-Bold.woff') format('woff'),
        url('/_layouts/15/Eduskunta.Internet.Responsive.Layouts/fonts/SourceSerif4-Bold.ttf') format('truetype');
}
/* Titles */
@font-face {
    font-family: 'SourceSans3';
    font-weight: 400;
    font-style: normal;
    src:url('/_layouts/15/Eduskunta.Internet.Responsive.Layouts/fonts/SourceSans3-Regular.woff2') format('woff2'),
        url('/_layouts/15/Eduskunta.Internet.Responsive.Layouts/fonts/SourceSans3-Regular.woff') format('woff'),
        url('/_layouts/15/Eduskunta.Internet.Responsive.Layouts/fonts/SourceSans3-Regular.ttf') format('truetype');
}
@font-face {
    font-family: 'SourceSans3';
    font-weight: 600;
    font-style: normal;
    src:url('/_layouts/15/Eduskunta.Internet.Responsive.Layouts/fonts/SourceSans3-SemiBold.woff2') format('woff2'),
        url('/_layouts/15/Eduskunta.Internet.Responsive.Layouts/fonts/SourceSans3-SemiBold.woff') format('woff'),
        url('/_layouts/15/Eduskunta.Internet.Responsive.Layouts/fonts/SourceSans3-SemiBold.ttf') format('truetype');
}
@font-face {
    font-family: 'SourceSans3';
    font-weight: 700;
    font-style: normal;
    src:url('/_layouts/15/Eduskunta.Internet.Responsive.Layouts/fonts/SourceSans3-Bold.woff2') format('woff2'),
        url('/_layouts/15/Eduskunta.Internet.Responsive.Layouts/fonts/SourceSans3-Bold.woff') format('woff'),
        url('/_layouts/15/Eduskunta.Internet.Responsive.Layouts/fonts/SourceSans3-Bold.ttf') format('truetype');
}
/* Custom web fonts end */

body,
#s4-workspace.ms-core-overlay {
    background-color: var(--clr-gray-light);
}

#s4-workspace b,
#s4-workspace strong {
    font-weight: 600;
}

#s4-workspace,
#s4-workspace p {
    color: var(--clr-gray-dark);
    font-family: 'SourceSerif4', var(--fnt-fallback-serif);
    font-weight: 400;
}

    #s4-workspace #linkarea p, #s4-workspace #linkarea span {
        font-family: 'SourceSans3', var(--fnt-fallback-sansserif);
        font-weight: 600;
        color: #FFFFFF;
        font-size: 1.25rem;
    }

    #s4-workspace a,
    #s4-workspace a:link,
    #s4-workspace a:visited,
    #s4-workspace a:focus,
    #s4-workspace a:hover {
        font-family: 'SourceSans3', var(--fnt-fallback-sansserif);
        font-weight: 600;
        color: var(--clr-blue);
        text-decoration: none;
        cursor: pointer;
    }

        #s4-workspace a:focus {
            outline: 1px solid var(--clr-blue);
        }

    /* mm. Footerin linkit regular white */
    #s4-workspace #linkarea a,
    #s4-workspace #linkarea a:link,
    #s4-workspace #linkarea a:visited,
    #s4-workspace #linkarea a:focus,
    #s4-workspace #linkarea a:hover {
        font-family: 'SourceSans3', var(--fnt-fallback-sansserif);
        font-weight: 400;
        color: #FFFFFF;
        line-height: 28px;
    }

        #s4-workspace #linkarea a:focus {
            outline: 1px solid #FFFFFF;
        }

    /* Leipätekstin linkit semi-boldilla */
    #s4-workspace #maincontent a, 
    #s4-workspace #maincontent a:link, 
    #s4-workspace #maincontent a:visited, 
    #s4-workspace #maincontent a:focus, 
    #s4-workspace #maincontent a:hover {
        font-family: 'SourceSerif4', var(--fnt-fallback-serif);
        font-weight: 600;
        text-decoration: underline;
    }

    #s4-workspace #maincontent h1 a, 
    #s4-workspace #maincontent h1 a:link, 
    #s4-workspace #maincontent h1 a:visited, 
    #s4-workspace #maincontent h1 a:focus, 
    #s4-workspace #maincontent h1 a:hover
    #s4-workspace #maincontent h2 a, 
    #s4-workspace #maincontent h2 a:link, 
    #s4-workspace #maincontent h2 a:visited, 
    #s4-workspace #maincontent h2 a:focus, 
    #s4-workspace #maincontent h2 a:hover
    #s4-workspace #maincontent h3 a, 
    #s4-workspace #maincontent h3 a:link, 
    #s4-workspace #maincontent h3 a:visited, 
    #s4-workspace #maincontent h3 a:focus, 
    #s4-workspace #maincontent h3 a:hover {
        font-family: 'SourceSans3', var(--fnt-fallback-sansserif);
    }

/* RSS feed webpart */
.groupheader a,
.groupheader a:link,
.groupheader a:visited {
    font-size: 1.125rem;
}

.link-item,
.link-item a,
.link-item a:link
.link-item a:visited,
.link-item .description {
    font-size: 1rem;
}

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

/* Fix for sticky scrolling in mobile*/
#s4-bodyContainer {
    background-color: var(--clr-gray-light);
    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: var(--clr-gray-light);
}

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

#s4-workspace #top-navbar li a {
    font-size: 1.125rem;
    line-height: 1.25rem;
    font-family: 'SourceSans3', var(--fnt-fallback-sansserif);
    font-weight: 600;
}
#s4-workspace #top-navbar {
	border-bottom: 2px solid var(--clr-blue);
}

#edk-header .container {
    padding: 0;
	padding-left: calc(var(--bs-gutter-x) * -.5)
}

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

#content-area {
    margin-top: 10px;
}
#content-area.edk-container-wide {
    padding-left: 0;
    padding-right: 0;
}
#content-area.edk-news-article #maincontent {
    border-left: 0 !important;
}

#mainheading-area {
    margin-top: 20px;
    background-color: #FFFFFF;
    padding-top: 0;
    border-left: 0;
}

#mainheading-area .ms-webpartzone-cell {
	margin-bottom: 0;
}

/* Hero banneri */
#edk-hero-banner div[class^="col-"]:first-child {
	padding: 0;
    line-height: 0;
}
#edk-hero-banner div[class^="col-"]:last-child {
	padding: 30px;
}
#edk-hero-banner div[class^="col-"]:last-child h1 {
	margin-top: 0;
}
#edk-hero-banner h1 {
    font-family: 'SourceSerif4', var(--fnt-fallback-serif);
    font-weight: 600; /* SemiBold */
    color: var(--clr-blue);
	padding-bottom: 30px;
    margin-bottom: 30px;
	border-bottom: 1px solid var(--clr-blue-light);
	font-size: 2rem;
	line-height: 1.4;
}
#edk-hero-banner .edk-title-h3,
#edk-hero-banner .edk-title-h3 a {
	font-size: 1.25rem;
	line-height: 1.25rem;
}

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

/* Täysistunto nostobanneri */
.mainheading-banner {
    background-color: var(--clr-blue);
    color: #FFFFFF;
    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: 'SourceSans3', var(--fnt-fallback-sansserif);
        font-size: 1.2rem;
        font-weight: 600;
        color: #FFFFFF;
        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: var(--clr-blue-light);
        text-decoration: underline
    }

        #s4-workspace .mainheading-banner-text a:focus {
            outline: 1px solid var(--clr-blue-light);
        }

/* Kirjasto, Nuorten eduskunta */
#edk-hero-banner.edk-subfrontpage.b-border {
    border-bottom: 15px solid var(--clr-gray-light)
}
#edk-hero-banner.edk-subfrontpage h1 {
    color: var(--clr-gray-dark);
    padding-bottom: 15px;
    margin-bottom: 15px;
}
#edk-hero-banner.edk-subfrontpage h2 {
    margin-bottom: 20px;
}
#edk-hero-banner.edk-subfrontpage .edk-title-h3 {
    display: block;
    margin-bottom: 15px;
}
#mainheading-area .ms-webpartzone-cell:first-child #edk-hero-banner.edk-subfrontpage a {
    display: inline !important;
}
#library-navbar {
    margin: 15px 0 15px 0;
}
#library-navbar .edk-title-h3,
#library-navbar .edk-title-h4 {
    display: inline;
    margin: 10px 10px 10px 15px;
}
#mainheading-banner.library-banner {
    margin: 15px;
}

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

#twocol-area > div,
#twocol-area2 > div,
#threecol-mainarea > div,
#threecol-area > div,
#fourcol-area > div,
#fourcol-area2 > div,
#fourcol-area3 > div {
    background-color: #FFFFFF;
    padding-top: 15px;
    padding-bottom: 15px;
    border-right: 7px solid var(--clr-gray-light);
    border-left: 7px solid var(--clr-gray-light);
}
/* align 2col hero-area vertical margins */
#edk-hero-banner > div:first-child {
    border-left: 0;
    border-right: 7px solid #FFFFFF;
}
#edk-hero-banner > div:last-child {
    border-right: 0;
    border-left: 7px solid #FFFFFF;
}
/* 2col-area  margins */
#twocol-area > div:first-child,
#twocol-area2 > div:first-child {
    border-left: 0;
}
#twocol-area > div:last-child,
#twocol-area2 > div:last-child {
    border-right: 0;
}
/* 3col-area  margins */
#threecol-mainarea > div,
#threecol-area > div {
    border-left: 5px solid var(--clr-gray-light);
    border-right: 5px solid var(--clr-gray-light);
}
#threecol-mainarea > div:first-child,
#threecol-area > div:first-child {
    border-left: 0;
    border-right: 10px solid var(--clr-gray-light);
}
#threecol-mainarea > div:last-child,
#threecol-area > div:last-child {
    border-right: 0;
    border-left: 10px solid var(--clr-gray-light);
}
/* 4col-area  margins */
#fourcol-area > div:first-child,
#fourcol-area2 > div:first-child,
#fourcol-area3 > div:first-child {
    border-left: 0;
    border-right: 11px solid var(--clr-gray-light);
}
#fourcol-area > div:nth-child(2),
#fourcol-area2 > div:nth-child(2),
#fourcol-area3 > div:nth-child(2) {
    border-left: 4px solid var(--clr-gray-light);
    border-right: 7px solid var(--clr-gray-light);
}
#fourcol-area > div:nth-child(3),
#fourcol-area2 > div:nth-child(3),
#fourcol-area3 > div:nth-child(3) {
    border-left: 7px solid var(--clr-gray-light);
    border-right: 4px solid var(--clr-gray-light);
}
#fourcol-area > div:last-child,
#fourcol-area2 > div:last-child,
#fourcol-area3 > div:last-child {
    border-right: 0;
    border-left: 11px solid var(--clr-gray-light);;
}

#twocol-area > div,
#twocol-area2 > div {
    padding: 30px;
}

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

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

#maincontent {
    background-color: #FFFFFF;
    padding: 0 15px 0 15px;
    padding-top: 0;
    border-left: 15px solid var(--clr-gray-light);
}
    #maincontent > div.row > div[class^='col-'] {
        padding: 30px;
    }
    #maincontent #edk-content-top-image {
        margin: 0;
    }	
    #maincontent > div.row > div[class^='col-'] h1:first-child {
        margin-top: 0;
    }	
    #maincontent #edk-content-top-image .ms-rtestate-field:has(img) {
        margin: -30px -33px -20px -33px;
    }
    #maincontent.edk-edit-mode #edk-content-top-image .ms-rtestate-field:has(img)  {
        margin: 0;
    }
    #maincontent #edk-content-top-image img {
        width: 100%;
    }
#rightcolumn {
    border-left: 15px solid var(--clr-gray-light);
    padding-top: 30px !important;
    padding-left: 30px;
}
#content-area.edk-container-wide #maincontent {
    border-left: 0;
    padding: 0;
}
#content-area.edk-container-wide #maincontent > .row {
    margin: 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;
}

#mainheading-area img,
#threecol-mainarea img,
#twocol-area img,
#twocol-area2 img,
#threecol-area img,
#fourcol-area img,
#fourcol-area2 img,
#fourcol-area3 img {
    width: 100%;
}

#mainheading-area .edk-list img,
#threecol-mainarea .edk-list img,
#twocol-area .edk-list img,
#twocol-area2 .edk-list img,
#threecol-area .edk-list img,
#fourcol-area .edk-list img,
#fourcol-area2 .edk-list img,
#fourcol-area3 .edk-list img {
    width: auto;
}

#topheader div {
    padding: 0
}

.container-fluid {
    padding-right: 0
}

.custom-search-input-wrapper {
    margin-top: 65px;
    margin-bottom: -35px;
}
.custom-search-input-wrapper > div {
    border: 1px solid var(--clr-blue);
}

    .custom-search-input-wrapper button {
        min-width: 1rem !important;
    }
    .custom-search-input-wrapper input {
        border: 0;
        border-radius: 0px;
        z-index: 1000;
    }
	.custom-search-input-wrapper button:focus,
	.custom-search-input-wrapper input:focus,
	#s4-workspace a#searchBoxLink:focus {
		outline: 2px solid var(--clr-blue);	
	}
	#SearchBox .ms-srch-sbLarge.ms-srch-sb-borderFocused {
        outline: 1px solid var(--clr-blue);		
	}

.search-toggle {
    display: none
}

#toollinks {
    font-size: 0.95rem;
    text-align: right;
    padding-top: 2px !important;
    line-height: 1.2rem;
}
#toollinks > div:first-child {
    margin-right: -7px;
}
#toollinks .ms-mpSearchBox {
    width: 320px;
}

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

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

.btn-primary {
    background-color: var(--clr-blue);
    border-radius: 0;
}
.btn-primary:hover, .btn-primary:focus {
    background-color: var(--clr-blue);
}

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


#linkarea {
    margin-top: 30px;
    background-color: var(--clr-blue);
    color: #FFFFFF;
    padding: 15px 0 0 0;
}

    #linkarea .container {
        background-color: var(--clr-blue);
        padding-top: 10px
    }

    #linkarea div[class^='col-']:first-child {
        padding-left: 0;
    } 
    #linkarea div[class^='col-']:last-child {
        padding-right: 0;
    } 

    #linkarea a {
        color: #FFFFFF;
    }

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

#edk-footer {
    font-family: 'SourceSans3', var(--fnt-fallback-sansserif) !important;
    background-color: var(--clr-blue);
    color: #FFFFFF;
    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: #FFFFFF !important;
        font-family: 'SourceSans3', var(--fnt-fallback-sansserif) !important;
    }
    #edk-footer a:focus {
        outline: 1px solid #FFFFFF;
    }

/* Headings */

#linkarea h3, #linkarea h4 {
    font-family: 'SourceSans3', var(--fnt-fallback-sansserif);
    font-weight: 600;
    font-size: 1rem;
    color: #FFFFFF;
}

    #linkarea h3 a, #linkarea h4 a {
        color: #FFFFFF;
        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: var(--clr-gray-dark);
    font-family: 'SourceSans3', var(--fnt-fallback-sansserif);
    font-weight: 600; /* SemiBold */
    font-size: 2rem;
    line-height: 2rem;
}
/* Sisäsivun h1 */
#maincontent h1 {
    margin-bottom: 10px
}

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: var(--clr-gray-dark);
    font-family: 'SourceSans3', var(--fnt-fallback-sansserif);
    font-weight: 600; /* SemiBold */
    font-size: 1.6rem;
    line-height: 1.2;
    margin-top: 5px;
}

.ms-webpart-titleText.ms-webpart-titleText, .ms-webpart-titleText > a {
    color: var(--clr-gray-dark);
    font-family: 'SourceSans3', var(--fnt-fallback-sansserif);
    font-size: 1.6rem;
    line-height: 1.2;
    font-weight: 600; /* SemiBold */
    border-bottom: 1px solid var(--clr-gray-light);
    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: var(--clr-gray-dark);
    font-family: 'SourceSans3', var(--fnt-fallback-sansserif);
    font-size: 1.4rem;
    font-weight: 600; /* SemiBold */
    line-height: 1.2;
}

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: var(--clr-gray-dark);
    font-family: 'SourceSans3', var(--fnt-fallback-sansserif);
    font-size: 1.25rem;
    font-style: normal;
    font-weight: 600; /* SemiBold */
    line-height: 1.25rem;
}

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

.ms-rtestate-field .edk-image-link-h3 {
    color: var(--clr-blue);
    font-family: 'SourceSans3', var(--fnt-fallback-sansserif);;
    font-weight: 600;
}

.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: var(--clr-blue);
}

h5, h6 {
    font-size: inherit;
    line-height: inherit;
    color: var(--clr-gray-dark);
    font-family: 'SourceSans3', var(--fnt-fallback-sansserif);
    font-weight: 600; /* SemiBold */
}

.edk-title-h4 {
    margin: 5px 0;
    font-size: 1.25rem;
    font-family: 'SourceSans3', var(--fnt-fallback-sansserif);
    font-weight: 600; /* SemiBold */
    line-height: 1.25rem;
    display: block;
}

/* Right col titles */

#rightcolumn h1,
#rightcolumn h1 .ms-rteElement-h1,
#rightcolumn h1 .ms-rteElement-h1 a,
#rightcolumn .ms-rteElement-H1,
#rightcolumn h1.edk-rte-Element-h1,
#rightcolumn h1.edk-rteContent-Element-h1,
#rightcolumn .ms-rtestate-field h1,
#rightcolumn h1.ms-rteElement-H1 {
    font-size: 1.5rem;
    line-height: 1.5rem;
}
#rightcolumn h2,
#rightcolumn h2.ms-rteElement-h2,
#rightcolumn .ms-rteElement-H2,
#rightcolumn h2.edk-rte-Element-h2,
#rightcolumn h2.edk-rteContent-Element-h2,
#rightcolumn .ms-rtestate-field h2,
#rightcolumn h2.ms-rteElement-H2 {
    font-size: 1.4rem;
    line-height: 1.4rem;
}

.ms-webpart-titleText.ms-webpart-titleText, .ms-webpart-titleText > a {
    font-size: 1.4rem;
    line-height: 1.4rem;
}

#rightcolumn h3,
#rightcolumn h3.ms-rteElement-h3,
#rightcolumn h3.ms-webpart-titleText.ms-webpart-titleText, 
#rightcolumn h3.ms-webpart-titleText > a
#rightcolumn .ms-rteElement-H3,
#rightcolumn .MyAlertsMainTable h3,
#rightcolumn h3.edk-rte-Element-h3,
#rightcolumn h3.edk-rteContent-Element-h3,
#rightcolumn .ms-rtestate-field h3,
#rightcolumn h3.ms-rteElement-H3,
#rightcolumn .edk-title-h3 {
    font-size: 1.3rem;
    line-height: 1.3rem;
}

#rightcolumn h4,
#rightcolumn h4.ms-rteElement-h4,
#rightcolumn .ms-rteElement-H4,
#rightcolumn h4.edk-rte-Element-h4,
#rightcolumn h4.edk-rteContent-Element-h4,
#rightcolumn .ms-rtestate-field h4,
#rightcolumn h4.ms-rteElement-H4,
#rightcolumn .edk-title-h4{
    font-size: 1.25rem;
    line-height: 1.25rem;
}

#rightcolumn h5, 
#rightcolumn h6 {
    font-size: inherit;
    line-height: inherit;
}


/* Right col titles end */

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

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

#languageLabel {
    font-weight: 600;
}

/* Main navbar styles*/
.navbar > .container, .navbar > .container-fluid, .navbar > .container-sm, .navbar > .container-md, .navbar > .container-lg, .navbar > .container-xl, .navbar > .container-xxl {
    padding-left: 0;
}
.navbar {
    border: 0;
    min-height: 34px !important;
    margin: 0;
    border-radius: 0;
}

.navbar-default {
    background-color: transparent
}

.navbar-nav > li > a > span.separator {
    border-right: 1px solid var(--clr-blue);
	margin-left: 18px;
	color: var(--clr-blue);
	font-size: 0.875rem;
}
.navbar-nav > li > a {
    padding-top: 9px !important;
    padding-bottom: 0 !important;
    padding-left: 20px !important;
    padding-right: 0 !important;
    height: 36px;
    color: var(--clr-blue) !important;
}
.navbar-nav > li:last-child > a {
    padding-right: 20px !important;
}
.navbar-default .navbar-nav > li.selected {
    margin-left: -2px;
    margin-right: -2px;
}
.navbar-default .navbar-nav > li.selected:first-child {
    margin-left: 0;
}
.navbar-default .navbar-nav > li.selected > a,
.navbar-default .navbar-nav > li.selected > a:hover,
.navbar-default .navbar-nav > li.selected > a:focus {
    background-color: var(--clr-blue);
    color: #FFFFFF !important;
    border-bottom: 4px solid var(--clr-blue);
}

.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
    background-color: var(--clr-gray-light);
    color: var(--clr-blue) !important;
    border-bottom: 4px solid var(--clr-blue);
}

/* 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: 0.875rem;
    font-family: 'SourceSans3', var(--fnt-fallback-sansserif);
    padding: 0 0 10px 0;
}
    #breadcrumb a, 
    #breadcrumb a:link,
    #breadcrumb a:focus,
    #breadcrumb a:hover, 
    #breadcrumb a:visited {
        color: var(--clr-blue);
        font-family: 'SourceSans3', var(--fnt-fallback-sansserif);
        font-weight: 400;
    }
    #breadcrumb > span {
        padding-left: 15px
    }

#content-area.edk-container-wide #breadcrumb {
    margin-left: calc(var(--bs-gutter-x) * .5)
}
#TopNavigation-div {
    display: block;
}
#HamburgerNavigation-div {
    display: none;
}

@media screen and (max-width: 1399px) {
	.custom-search-input-wrapper {
		margin-top: 30px;
		margin-bottom: 0px;
	}
    #edk-hero-banner h1 {
        font-size: 1.75rem;
    }
}
/*----- intermediate styles, decreasing main menu font-size  ------*/
@media screen and (max-width: 1199px) {
	#edk-hero-banner .col-md-6:last-child {
		padding: 10px 20px 20px 20px;
	}
	#edk-hero-banner h1 {
		padding-bottom: 20px;
		margin-bottom: 20px;
		font-size: 1.75rem;
		line-height: 1.75rem;
	}
	#edk-hero-banner .edk-title-h3,
	#edk-hero-banner .edk-title-h3 a {
		font-size: 1.125rem;
		line-height: 1.125rem;
	}		
    .navbar-default .navbar-nav > li > a {
        font-size: 0.875rem;
    }
    .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: 0px;
        top: 3px;
    }
    #mobileSiteLogoLink {
        padding-top: 8px !important;
    }	
    .navbar-nav > li > a > span.separator {
        display: none;
    }

    .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: 0.875rem;
        float: none;
        padding-bottom: 15px;
    }
    ul.nav.navbar-nav > li > a.selected {
        color: var(--clr-gray-dark);
    }
    ul.nav.navbar-nav > li > a.selected:hover {
        background-color: var(--clr-gray-light);
        border-bottom: 0;
        color: var(--clr-gray-dark) !important;
    }

    /* mobile menu icon*/
    .navbar-default .navbar-toggle .icon-bar {
        background-color: var(--clr-blue);
    }

    .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: #FFFFFF;
        }

    .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: 1.75rem;
        color: #003D65;
        float: left;
        font-weight: normal;
    }

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

    .navbar-header button.navbar-toggle {
        border-bottom: 3px solid var(--clr-blue);
    }

    .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: var(--clr-gray-dark);
        font-family: 'SourceSerif4', var(--fnt-fallback-serif);
        font-weight: 600;
        background-color: #FFFFFF;
        width: 100%;
        text-align: left;
    }
    ul.nav.navbar-nav .dropdown .dropdown-toggle.show {
        border-bottom: 1px solid var(--clr-blue);
    }

    ul.nav.navbar-nav > li > a.selected {
        background-color: var(--clr-blue-light);
    }

    ul.nav.navbar-nav button.show {
        border-bottom: 1px solid var(--clr-blue) !important;
    }

    .dropdown-menu > li.selected > a {
        background-color: var(--clr-blue-light);
    }


    /* Mobile search icon/box*/
    .navbar-toggler:focus {
        outline: 1px solid var(--clr-blue);
        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: var(--clr-blue);
        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: var(--clr-blue);
        font-size: 1rem;
    }

    .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-brand {
        height: auto;
        padding: 15px 8px 0 15px;
    }

    .navbar-nav > li {
        border-bottom: 1px solid var(--clr-blue); /*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: var(--clr-gray-dark); /* mobile dropdown link color*/
        font-weight: 600;
        font-size: 1rem;
    }

    .navbar-default .navbar-nav .dropdown-menu.show > li > a {
        color: var(--clr-gray-dark);
        white-space: normal;
    }

    .navbar-default .navbar-nav > li.selected > a {
        color: var(--clr-gray-dark) !important;
    }

    li.open > a:first-child {
        border-bottom: 1px solid var(--clr-blue);
    }

    .navbar-default .navbar-nav .dropdown-menu.show > li > a:focus,
    .navbar-default .navbar-nav .dropdown-menu.show > li > a:hover {
        background-color: var(--clr-gray-light-semi);
        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 var(--clr-blue);
    }

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

        .dropdown-menu > li > ul > li {
            border-bottom: 2px dotted var(--clr-blue);
            font-size: 0.875rem
        }

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

            .dropdown-menu > li > ul > li > ul > li {
                border-bottom: 2px dotted var(--clr-blue);
                font-size: 0.875rem
            }

                .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 var(--clr-blue);
                    font-size: 0.875rem
                }

                    .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: 1rem;
        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: 180px;
    }

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

    .btn-consent-reject {
        float: none !important;
        margin-right: 0 !important;
    }
    #maincontent {
        border-left: 0;
    }
    #rightcolumn {
        border-left: 0;
    }
    #edk-hero-banner > div:first-child {
        border-right: 0;
    }
}

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

    .edk-list li {
        border-bottom: 0 !important;
    }
}

/*----- Mobile styles  ------*/
@media screen and (max-width: 767px) {
    body {
        background-color: #FFFFFF;
    }
    .row-eq-height {
        display: block;
    }

   #mainheading-area,
    #edk-hero-banner > div,
    #twocol-area > div,
    #twocol-area2 > div,
    #threecol-mainarea > div,
	#threecol-area > div,
    #fourcol-area > div,
    #fourcol-area2 > div,
    #fourcol-area3 > div {
        border-right: 0 !important;
        border-left: 0 !important;
    }
    #twocol-area > div,
    #twocol-area2 > div,
    #threecol-mainarea > div,
	#threecol-area > div,
    #fourcol-area > div,
    #fourcol-area2 > div,
    #fourcol-area3 > div {
		margin-top: 15px;
        padding: 30px;
	}
    #linkarea div[class^='col-'] {
        padding-left: 0;
    }
    #linkarea > .container {
        padding: 10px 30px 30px 30px;
	}
    #linkarea > .container .row {
        margin: 0;
        padding: 0;
	}
    #twocol-area > div:first-child,
    #twocol-area2 > div:first-child,
    #threecol-mainarea > div:first-child,
	#threecol-area > div:first-child,
    #fourcol-area > div:first-child,
    #fourcol-area2 > div:first-child,
    #fourcol-area3 > div:first-child {
		margin-top: 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: 1.75rem;
        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: 1.5rem;
        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: 1.25rem;
        font-weight: normal;
    } */

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

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

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

    .edk-pagelayout-wpmargins #rightcolumn {
        border-left: 0;
        border-top: 15px solid var(--clr-gray-light);
    }
}
@media screen and (max-width: 576px) {
    .consent-left {
        float: none !important;
        text-align: center;
    }
    .consent-left a {
        display: block;
    }
    .consent-right {
        float: none !important;
        margin-bottom: 20px;
        text-align: center;
    }
    .consent-right .edk-btn {
        display: initial;
    }
    .btn-consent-reject {
        float: none !important;
        width: 60% !important;
        height: auto !important;
    }

    .btn-consent-accept {
        float: none !important;
        width: 60% !important;
        height: auto !important;
    }
    #breadcrumb {
        padding-left: 15px;
    }
}
@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: #FFFFFF;
    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: var(--clr-blue);
        font-family: 'SourceSans3', var(--fnt-fallback-sansserif);
        font-weight: 600; /* SemiBold */
        font-size: 1.125rem;
        margin: 0;
        border-bottom: 1px solid var(--clr-gray-light);
    }

    ul.index-linklist li:first-child a {
        border-top: 1px solid var(--clr-gray-light);
    }

.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: 1.25rem;
    font-family: 'SourceSans3', var(--fnt-fallback-sansserif);
    font-weight: 600 !important;
    color: var(--clr-blue);
    display: block;
    margin: 0 0 10px 0;
}

#threecol-area p,
#fourcol-area p,
#fourcol-area2 p,
#fourcol-area3 p {
    font-size: 1rem;
    font-family: 'SourceSans3', var(--fnt-fallback-sansserif);
    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 var(--clr-gray-light);
        clear: both;
        margin-bottom: 0.5em;
        margin-top: 0.5em;
        line-height: 1.2em;
        padding: 0 0 0.5em;
    }

    .edk-list .author,
    .edk-list time {
        color: var(--clr-gray-dark);
        font-size: 0.875rem;
        font-family: 'SourceSerif4', var(--fnt-fallback-serif);
    }

#s4-workspace #maincontent .edk-list a,
#s4-workspace #maincontent .index-linklist a,
#s4-workspace #maincontent .edk-title-h4,
#s4-workspace #maincontent .edk-list h6.title {
    margin: 5px 0;
    font-size: 1.125rem;
    font-family: 'SourceSans3', var(--fnt-fallback-sansserif);
    font-weight: 600; /* SemiBold */
    line-height: 1.3;
}

.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: var(--clr-gray-dark);
        font-size: 0.875rem;
    }

    .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: 1.125rem;
        font-weight: 600;
        margin: 5px 0;
    }

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

#maincontent .edk-wp-list h1 {margin-bottom: 30px;}
#rightcolumn .edk-wp-list h1 {margin-bottom: 15px;}

#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 var(--clr-gray-light);
    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: 600;
}

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

/**********************
left navigation
**********************/
#leftnavigation {
    padding: 0;
}
    #leftnavigation a:link,
    #leftnavigation a:visited,
    #leftnavigation a:hover,
    #leftnavigation a:active,
    #leftNavigationBarMobile a:link,
    #leftNavigationBarMobile a:visited,
    #leftNavigationBarMobile a:hover,
    #leftNavigationBarMobile a:active,
    #VaskiNaviMobi a:link,
    #VaskiNaviMobi a:visited,
    #VaskiNaviMobi a:hover,
    #VaskiNaviMobi a:active {
        text-decoration: none;
        overflow-wrap: break-word;
        color: var(--clr-blue);
        font-family: 'SourceSans3', var(--fnt-fallback-sansserif) !important;
        font-weight: 600;
        text-decoration: none !important;
    }

    #leftnavigation a:hover,
    #leftnavigation .selected > a {
        color: var(--clr-gray-dark);
    }

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

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

        #leftnavigation li span,
        #leftnavigation li a {
            padding: 10px 15px 10px 15px !important;
            display: block;
            background-color: #FFFFFF;
            margin: 0;
            border-bottom: 1px solid var(--clr-blue-light);
        }

            #leftnavigation li a:focus {
                background-color: var(--clr-blue-light) !important;
            }

            #leftnavigation li a:hover {
                background-color: var(--clr-gray-light-semi) !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: var(--clr-blue-light) !important;
                font-weight: 600;
            }

                #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: var(--clr-gray-light-semi) !important;
                }

        #leftnavigation li li a {
            background: var(--clr-gray-light-semi);
        }

            #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: #FFFFFF !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: var(--clr-blue-light) !important;
            }

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

    #leftnavigation li li {
        font-weight: 400;
        padding: 0;
        background-color: var(--clr-gray-light);
    }

        #leftnavigation li li span,
        #leftnavigation li li a {
            padding: 10px 15px 10px 15px !important;
            border-bottom: 2px solid #FFFFFF;
            font-weight: 400;
            font-size: 0.875rem;
        }

        #leftnavigation li li li {
            padding: 0;
        }

            #leftnavigation li li li span,
            #leftnavigation li li li a {
                padding: 10px 2px 10px 25px !important;
                border-bottom: 2px solid #FFFFFF;
                font-weight: 400;
            }

            #leftnavigation li li li li span,
            #leftnavigation li li li li a {
                font-size: 0.875rem;
                padding: 7px 2px 7px 35px !important;
                border-bottom: 2px solid #FFFFFF;
                font-weight: 400;
            }

            #leftnavigation li li li li li span,
            #leftnavigation li li li li li a {
                padding: 7px 2px 7px 45px !important;
                border-bottom: 2px solid #FFFFFF;
                font-weight: 400;
            }

/**********************
/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: 'SourceSans3', var(--fnt-fallback-sansserif);
    font-weight: 600; /* Semi-Bold*/
    font-size: 1.25rem;
    color: var(--clr-gray-dark);
    margin: 0 0 10px 0;
}

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

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

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

#edk-refiners-list > li button,
#edk-refiners-list-content > li button {
    color: var(--clr-blue) !important;
    border: 1px solid var(--clr-blue) !important;
    border-top: 0 !important;
    margin-bottom: 0;
    float: left;
    width: 100%;
    padding-left: 8px !important;
}
#edk-refiners-list > li:first-child button {
    border-top: 1px solid var(--clr-blue) !important;
}

    #edk-refiners-list > li button:hover {
        background: var(--clr-gray-light-semi);
    }

#edk-refiners-list-content > li.clear-selected button,
#edk-refiners-list-content > li.clear-selected button span {
    border: 0 !important;
    color: var(--clr-blue) !important;
    font-weight: 600;
}

    #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: var(--clr-blue) !important;
    padding: 0 !important;
    float: left;
    border: 0 !important;
    background: transparent;
    font-weight: 400;
}

#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: 600 !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: var(--clr-blue) !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: var(--clr-blue);
    text-decoration: none;
    font-weight: 600;
}

    #edk-refiners-list > li.selected button:hover {
        background: var(--clr-gray-light-semi);
        border: 1px solid var(--clr-blue) !important;
    }

        #edk-refiners-list > li.selected button:hover span {
            color: var(--clr-blue) !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 var(--clr-gray);
    padding-left: 2px;
}

    .edk-news .ms-srch-item-title h3 a {
        font-size: 22px;
        color: var(--clr-gray-dark);
    }

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

#edk-news-sort-titletxt {
    font-size: 0.875rem;
    font-family: 'SourceSans3', var(--fnt-fallback-sansserif);
    color: var(--clr-gray);
    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: var(--clr-gray-dark)
    }

.edk-news #breadcrumb {
    border-bottom: 1px solid var(--clr-gray);
    width: 100%;
}

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

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

.edk-news h1.ms-rteElement-eduskuntaH1 {
    color: var(--clr-gray-dark);
    margin: 20px 0 10px -15px;
}

.edk-news .edk-search-header {
    margin: 0 -15px 20px -15px;
}

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

@media screen and (max-width: 992px) {
    .edk-news h1.ms-rteElement-eduskuntaH1 { margin: 0 0 10px 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 {
        margin: 15px 0 15px 0;
    }
    #edk-refiner-title {
        margin: 0 0 10px 20px;
    }
    .edk-refiner-toggle {
        background: var(--clr-blue);
        width: 100%;
        padding: 8px 0 8px 0;
        text-align: center;
        float: left;
        margin-bottom: 15px;
    }

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

            .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: 400 !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: -85px;
    }

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

#content-area.edk-library-article #maincontent h1.ms-rteElement-eduskuntaH1,
#content-area.edk-library-article #maincontent h1,
#content-area.edk-news-article #maincontent h1.ms-rteElement-eduskuntaH1,
#content-area.edk-news-article #maincontent h1 {
    margin: 0 0 20px 0;
    color: var(--clr-gray-dark);
}
#content-area.edk-library-article #maincontent .pageimage .ms-rtestate-field:has(img),
#content-area.edk-news-article #maincontent .pageimage .ms-rtestate-field:has(img) {
    margin-bottom: 30px;
}
#content-area.edk-library-article #maincontent .edk-news-imagecaption .ms-rtestate-field:has(p),
#content-area.edk-news-article #maincontent .edk-news-imagecaption .ms-rtestate-field:has(p) {
	display: block !important;
	margin-top: -30px;
    margin-bottom: 30px;
}
#content-area.edk-library-article #maincontent .edk-news-imagecaption .ms-rtestate-field p,
#content-area.edk-news-article #maincontent .edk-news-imagecaption .ms-rtestate-field p {
	margin-bottom: 0;
	margin-top: 35px;
}


.edk-library-article .ms-rteStyle-eduskuntaIngressi,
.edk-news-article .ms-rteStyle-eduskuntaIngressi {
    font-size: 1.125rem;
    font-weight: 600;
    font-family: 'SourceSerif4', var(--fnt-fallback-serif);
    color: var(--clr-gray-dark);
    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: 0.875rem;
        font-family: 'SourceSerif4', var(--fnt-fallback-serif);
        font-weight: 600;
        color: var(--clr-gray-dark);
    }

.edk-article-imagecaption,
.edk-news-imagecaption {
    font-size: 0.875rem;
    color: var(--clr-gray-dark);
}
.edk-news-imagecaption {
    margin: 5px 0 0 3px;
}
.edk-article-imagecaption { /* EDK-88 */
    margin: -37px 0px 0px 0px;
    display: block;
}

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

    #edk-news-keywords > div {
        font-size: 0.875rem;
        font-family:  'SourceSans3', var(--fnt-fallback-sansserif);
        color: var(--clr-gray-dark);
        margin-bottom: 8px;
    }

    #edk-news-keywords > span {
        color: var(--clr-blue);
        border: 1px solid var(--clr-blue);
        display: inline-block;
        margin: 0 10px 10px 0;
        padding: 5px 15px 5px 15px;
        background: var(--clr-blue-light);
        font-family: 'SourceSans3', var(--fnt-fallback-sansserif);
        font-size: 0.875rem;
        font-weight: 600;
    }

#edk-news-footer {
    border-top: 1px solid var(--clr-gray-light);
    width: 100%;
    margin: 0 0 30px 0;
    padding-top: 30px;
    text-align: center;
}
#edk-news-footer .edk-btn {
    width: 50%;
    margin: auto;
}

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 var(--clr-blue);
    }

    #EDK-Search-Scope input[type="radio"]:checked ~ .check {
        background: var(--clr-blue);
    }

#EDK-Search-Scope label {
    font-size: 1rem;
    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: 1rem;
    font-family: 'SourceSerif4', var(--fnt-fallback-serif);
}

#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: var(--clr-blue);
    display: inline-block;
    font-family: bootstrap-icons !important;
    font-style: normal;
    font-weight: 600 !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-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:has(li) {
    margin-bottom: 15px;
}

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

#edk-advanced-search input {
    border: 1px solid var(--clr-blue);
}

#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 var(--clr-blue);
    color: var(--clr-gray-dark);
    font-weight: 600;
    font-family: 'SourceSans3', var(--fnt-fallback-sansserif);
}

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

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

#EDK-Search-Scope-div select:focus {
    outline: 1px solid var(--clr-blue);
}

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

    #EDK-Clear-div > a {
        float: none !important;
        font-family: 'SourceSerif4', var(--fnt-fallback-serif) !important;
        font-weight: 600 !important;
        color: var(--clr-blue) !important;
        background: none !important;
        border: none !important;
        font-size: 0.875rem !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: var(--clr-blue);
        font-family: 'SourceSans3', var(--fnt-fallback-sansserif);
        font-weight: 600; /* Bold */
        font-size: 1.125rem;
        margin: 0;
        border-bottom: 1px solid var(--clr-gray-light);
    }

#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: var(--clr-blue);
    border: 1px solid var(--clr-blue);
    color: #FFFFFF;
    font-size: 22px;
    text-align: center;
}

    #SearchBox a.ms-srch-sb-searchLink:hover {
        background: var(--clr-blue);
    }

.ms-srch-item,
.ms-srch-bestBetItem {
    border-left: 4px solid transparent;
    margin: 3px 0;
    border-bottom: 1px solid var( --clr-gray-light);
    padding: 10px 20px 20px 20px;
    background: #FFFFFF;
}

.ms-srch-bestBetItem {
    padding: 0;
    width: 100%
}

.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-bestBetItem .description {
	margin-left: 115px;
}

.ms-srch-group-border .ms-srch-item {
    border-left: 4px solid var(--clr-blue-light);
}

.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: 'SourceSans3', var(--fnt-fallback-sansserif);
    font-weight: 600;
    color: var(--clr-txt-dar);
    font-size: 1.375rem;
}

.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: 600;
        font-style: normal;
    }

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

.ms-srch-item-path {
    color: var(--clr-blue);
    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: 600;
}

.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: 1rem;
    font-weight: 600;
    float: left;
    margin-top: 5px;
}

#edk-sortby-title {
    float: right;
    margin: 5px 10px;
    font-size: 16px;
    color: var(--clr-gray-dark);
}
/* sorting dropdown */
.edk-search .ms-srch-result #ResultHeader {
    margin-top: -25px;
}
.ms-srch-result {
    margin-top: 0;
}
.ms-srch-result #ResultHeader select {
    padding: 5px 20px 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 var(--clr-blue);
    color: var(--clr-gray-dark);
    font-weight: 600;
}

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

    .ms-srch-result #ResultHeader select option {
        background-color: #FFFFFF;
        color: var(--clr-gray-dark);
    }

.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: 'SourceSans3', var(--fnt-fallback-sansserif);
    font-weight: 600;
    color: var(--clr-gray-dark);
    text-align: left;
}

button.ms-ref-refinername {
    font-family: 'SourceSans3', var(--fnt-fallback-sansserif);
    font-weight: 600;
    color: var(--clr-blue);
    font-size: 1.2rem;
    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: 600 !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: var(--clr-blue);
    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: var(--clr-blue);
    font-weight: 400;
}

.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: 400 !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: var(--clr-blue);
}

.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: var(--clr-blue) !important;
    background: white;
    border: 1px solid var(--clr-blue);
    text-align: center;
    display: block;
    width: 100%;
    margin-top: -1px;
    padding: 8px 0px !important;
}

#edk-search-navi .edk-search-navi-item.selected a {
    color: #FFFFFF !important;
    background: var(--clr-blue);
}

.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: 600;
    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 var(--clr-blue) !important;
    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;
}

.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: var(--clr-gray-light);
}

.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;
}
#edk-refiners-list .edk-refiner-link button,
#edk-refiners-list .edk-refiner-link button span,
#edk-refiners-list-content .edk-refiner-link button,
#edk-refiners-list-content .edk-refiner-link button span {
    font-family: 'SourceSans3', var(--fnt-fallback-sansserif);
}

.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: var(--clr-gray-dark);
}

.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 var(--clr-blue);
}

@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: -85px;
    }

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

    .edk-list .edk-wwwroot {
        max-width: 170px;
        padding: 0 0 0 5px;
         max-width: 100%;
    }
    .edk-list .edk-wwwroot h6.title {
        margin: 5px 0 5px 0;
    }
    .edk-list .edk-wwwroot.col-md-7 {
        width: 100%;
    }
    .edk-list .edk-img-col {
        display: none;
    }
}

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

    #EDK-Search-Scope-div select {
        width: 98%;
    }
	.edk-search-header {
		margin-bottom: 70px;
	}

    .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: 40px;
        }

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

/* 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: 600;
    font-size: 1.25rem;
    border-bottom: none;
    margin-top: 20px;
}

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

#edk-advanced-search #SearchBox .ms-srch-sbLarge {
    border: 1px solid var(--clr-blue);
    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: var(--clr-gray-light) url(/_layouts/15/Eduskunta.Internet.Responsive.Layouts/images/arrow_blue_down.svg) top 10px right 10px no-repeat;
    border: 1px solid var(--clr-blue);
    color: var(--clr-gray-dark);
}

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

    #edk-advanced-search select option {
        background-color: #FFFFFF;
        color: var(--clr-gray-dark);
    }

/* custom checkbox for advanced search */
#edk-advanced-search .container {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 1rem;
    -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: #FFFFFF;
    border: 1px solid var(--clr-blue);
}

#edk-advanced-search .container:hover input ~ .checkmark {
    background-color: var(--clr-gray-light);
}
/*#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 var(--clr-blue);
    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: var(--clr-gray-light);
    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: 1rem;
    font-weight: 600;
}

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

    #edk-advanced-search .edk-search-btn.edk-btn-white input {
        background: #FFFFFF;
        color: var(--clr-blue);
        border: 1px solid var(--clr-blue);
        padding: 5px 30px 5px 30px;
        font-size: 0.875rem;
        margin-left: 15px;
    }

#edk-advanced-search .edk-search-btn.edk-btn-blue input {
    background: var(--clr-blue);
    color: #FFFFFF;
    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: var(--clr-yellow);
}

.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: var(--clr-gray-dark);
    font-family: 'SourceSerif4', var(--fnt-fallback-serif);
    font-size: 0.875rem;
    font-weight: 600;
    line-height: 17px;
    margin-bottom: 5px;
}

#videoWrapper p {
    color: var(--clr-gray-dark);
    font-family: 'SourceSerif4', var(--fnt-fallback-serif);
    font-size: 0.875rem;
    line-height: 22px;
    margin-bottom: 20px;
}

.AktiivinenKohta {
    background: var(--clr-blue-light);
    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: 600 !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: 0.875rem;
    font-family: 'SourceSerif4', var(--fnt-fallback-serif);
}
ol.edk-notificationslist {
    list-style-type: none;
}

#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: var(--clr-blue);
    font-weight: 600;
    font-family: 'SourceSerif4', var(--fnt-fallback-serif);
    text-align: left;
}

#Speeches h3 {
    color: var(--clr-gray-dark);
    font-family: 'SourceSerif4', var(--fnt-fallback-serif);
    font-weighT: 600;
    font-size: 0.875rem;
    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: var(--clr-gray-dark);
    }

.edk-speech_reservation-footer .button {
    background: #FFFFFF;
    color: var(--clr-blue);
    border: 2px solid var(--clr-blue);
    width: 500px;
    text-transform: uppercase;
    font-size: 1rem;
    font-weight: 600;
    margin-top: 10px;
    margin-bottom: 10px;
}

    .edk-speech_reservation-footer .button:hover {
        background: var(--clr-blue);
        color: #FFFFFF;
    }

#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: 480px) {
    #HamburgerNavigation-div .mobile-menu-title,
    #HamburgerNavigation-div .mobile-search-title {
        display: none;
        font-size: 0.875rem;
    }
    #HamburgerNavigation-div .navbar-toggler-icon {
        height: 1em;
    }

    #hamburgerNavigation .navbar-header > button#mobile-search-button.collapsed {
        top: 3px;
        font-size: 1.4rem;
    }
    #hamburgerNavigation .navbar-header > button#mobile-search-button {
        right: 33px;
        top: 0;
        font-size: 1.75rem;
    }
}

.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: 600;
}

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

.edk-btn {
    width: 100%;
    font-family: 'SourceSans3', var(--fnt-fallback-sansserif) !important;
    font-weight: 600 !important;
    font-size: 1rem !important;
    margin: 10px 0;
    padding: 8px 0;
    display: block;
    text-align: center;
    text-decoration: none !important;
}

    .edk-btn.edk-btn-white {
        background: #FFFFFF !important;
        color: var(--clr-blue) !important;
        border: 2px solid var(--clr-blue) !important;
    }

        .edk-btn.edk-btn-white:hover {
            background: var(--clr-blue) !important;
            color: #FFFFFF !important;
            text-decoration: none !important;
        }

    .edk-btn.edk-btn-blue {
        background: var(--clr-blue) !important;
        color: #FFFFFF !important;
        border: 2px solid var(--clr-blue) !important;
    }

        .edk-btn.edk-btn-blue:hover {
            background: var(--clr-blue) !important;
            color: #FFFFFF !important;
            border: 2px solid var(--clr-blue) !important;
            text-decoration: none !important;
        }

    .edk-btn:focus {
        outline: 1px solid var(--clr-blue);
        background: var(--clr-gray-light) !important;
        color: var(--clr-blue) !important;
    }

button.edk-accordion-toggle {
    width: 100%;
    border: 0;
    border-bottom: 1px solid var(--clr-blue);
    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: var(--clr-blue);
        display: inline-block;
        font-family: bootstrap-icons !important;
        font-style: normal;
        font-weight: 600 !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 var(--clr-gray-light);
}

.r-border {
    border-right: 1px solid var(--clr-gray-light);
}

.l-border {
    border-left: 1px solid var(--clr-gray-light);
}

.t-border {
    border-top: 1px solid var(--clr-gray-light);
}

.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: var(--clr-gray-light);
    position: fixed;
    width: 100%;
    bottom: 0;
    max-height: 75%;
    box-sizing: border-box;
    overflow: auto;
    z-index: 1001;
    border-top: 2px solid var(--clr-blue);
}
.consent-content {
    margin-top: 20px;
}
.consent-left {
    float: left;
}
.consent-right {
    float: right;
    padding-top: 0;
    padding-bottom: 0;
    margin-bottom: 10px;
}
.btn-consent-reject {
    margin-right: 10px;
    width: 300px;
    float: left;
    margin-top: 0;
}
.btn-consent-accept {
    width: 300px;
    margin-top: 0;
    float: right;
}
#consent-container .edk-btn {
    text-transform: none;
}
#consent-container .edk-btn span {
    display: block;
    margin: 0 15px;
}
.consent-items-container > label, .consent-item > label {
    font-weight: 600;
    margin-bottom: 5px;
}
.consent-items-footer {
    margin-bottom: 20px;
    width: 180px;
}
.cookie-settings {
    background-color: var(--clr-gray-light);
    position: fixed;
    width: 100%;
    bottom: 0;
    max-height: 75%;
    box-sizing: border-box;
    overflow: auto;
    z-index: 1001;
    border-top: 1px solid var(--clr-blue);
}
#cookieSettings .consent-content {
    margin-top: 0;
}
#cookieSettings .consent-content .col-sm-12 {
    padding: 30px;
}

.edk_checkbox_wrapper .container {
    display: block;
    position: relative;
    padding-left: 35px;
    padding-bottom: 20px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 0.875rem;
    -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: var(--clr-gray-dark);
    border: 1px solid var(--clr-blue);
    outline: 1px solid var(--clr-blue);
}

.edk_checkbox_wrapper .checkmark {
    position: absolute;
    top: 1.5px;
    left: 0;
    height: 14px;
    width: 14px;
    background-color: #FFFFFF;
    border: 1px solid var(--clr-blue);
}

.edk_checkbox_wrapper .container:hover input ~ .checkmark {
    background-color: var(--clr-gray);
}

.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 var(--clr-blue);
    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: 600
}

.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;
        background: #FFFFFF;
        border-bottom: 15px solid var(--clr-gray-light);
        margin: 0 -15px 0 -15px;
        padding: 2px 0 0 15px;
    }

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

        #leftnavigationMobile > button.navbar-toggle {
            border-bottom: 3px solid var(--clr-blue);
            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;
            padding-top: 3px;
        }

        #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;
    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: 600;
    line-height: 20px;
    font-family: 'SourceSans3', var(--fnt-fallback-sansserif);
    font-size: 1rem;
    color: var(--clr-gray-dark);
    padding-left: 0 !important;
}

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

    .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: var(--clr-gray-dark);
    font-size: 2rem;
    font-weight: 600;
    line-height: 2rem;
    margin: 5px 0 10px 0;
    font-family: 'SourceSans3', var(--fnt-fallback-sansserif);
}

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

#maincontent h2.parliamentaryGroup {
    color: var(--clr-gray-dark);
    font-size: 1.6rem;
    line-height: 1.6rem;
    padding-bottom: 10px;
    margin-bottom: 0;
    font-family: 'SourceSans3', var(--fnt-fallback-sansserif);
}

#maincontent h3.mopTerms {
    color: var(--clr-gray-dark);
    font-size: 1.3rem;
    line-height: 1.3rem;
    font-weight: 600;
    padding-bottom: 20px;
    font-family: 'SourceSans3', var(--fnt-fallback-sansserif);
    margin-top: 0;
}

#maincontent p.parliamentaryGroup {
    color: var(--clr-gray-dark);
    font-size: 1.6rem;
    line-height: 1.6rem;
    padding-bottom: 10px;
    margin-bottom: 0;
    font-family: 'SourceSans3', var(--fnt-fallback-sansserif);
    font-weight: 600;
}

#maincontent p.mopTerms {
    color: var(--clr-gray-dark);
    font-size: 1.2rem;
    line-height: 1.2rem;
    font-weight: 600;
    padding-bottom: 20px;
    font-family: 'SourceSans3', var(--fnt-fallback-sansserif);
    margin-top: 0;
}

.mop-title-label > h2 {
    font-weight: 600;
    line-height: 1rem;
    font-family: 'SourceSans3', var(--fnt-fallback-sansserif);
    font-size: 1rem;
    color: var(--clr-gray-dark);
    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: var(--clr-gray-dark);
    font-family: 'SourceSans3', var(--fnt-fallback-sansserif);
    font-size: 1.25rem; /* EDUSSPSOV-1608 */
    font-weight: 600;
    line-height: 20px;
    margin: 4px 0;
    padding: 10px 0;
    border-bottom: 1px solid var(--clr-blue);
}
.accordion-button.collapsed {
    background-color: transparent;
}
.accordion-button:not(.collapsed) {
    color: var(--clr-gray-dark);
    background-color: var(--clr-blue-light);
    box-shadow: none;
}
.accordion-button:focus {
    outline: 1px solid var(--clr-blue);
    border: none;
    box-shadow: none;
}
button:focus:not(:focus-visible) {
    outline: 1px solid var(--clr-blue);
}
.accordion-button:hover {
    background-color: transparent;
    background-color: var(--clr-gray-light);
}
.accordion-button::after {
     margin-right: 15px;
 }
 .accordion-body {
    padding: 4px 0 0 0;
}
.accordion-MOPContainer ul.sub-menu {
    padding-left: 0;
    list-style: none;
}
.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: var(--clr-blue);
    font-family: 'SourceSans3', var(--fnt-fallback-sansserif);
    font-size: 1rem;
    font-weight: 600;
    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: 600;
    padding-top: 20px;
    font-size: 1.125rem; /* EDUSSPSOV-1608 */
    font-family: 'SourceSans3', var(--fnt-fallback-sansserif);
    line-height: 20px;
}

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

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

.sidOtsikko {
    font-size: 1rem; /* EDUSSPSOV-1608 */
    padding-top: 3px;
    padding-bottom: 3px;
}

.sidonta {
    font-size: 1rem; /* EDUSSPSOV-1608 */
    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;
    }
    #maincontent .mop-contact-info > div:last-child {
        padding-bottom: 20px;
    }
    #maincontent .mop-contact-info {
        padding-bottom: 0;
    }
    #maincontent .mop-contact-info .mop-info-value {
        padding-left: 0 !important;
    }
    #maincontent .mop-photo {
        padding-left: 0;
    }
    #maincontent .mop-accordion-title-text {
        float: left;
        width: 80%;
    }
}
@media screen and (max-width: 767px) {
    #maincontent .row.mop-personal-information {
		margin-left: 0;
		margin-right: 0;
	}
	#maincontent .mop-photo {
		padding-right: 0;
	}
	#maincontent .mop-contact-info > div {
        padding-bottom: 20px;
    }
	#maincontent .mop-basicinfo {
		padding-left: 0;
		padding-right: 0;
	}
}

/* edk blue filter for white svgs */
.edk-filter-blue {
    filter: brightness(0) saturate(100%) invert(16%) sepia(88%) saturate(2569%) hue-rotate(207deg) brightness(93%) contrast(87%);
}

#edk-timeline-container {
    display: none;
}