.new-top-header {
    padding: 0 var(--large) var(--large);
    column-gap: var(--xxxlarge);
    justify-content: space-between;
    align-items: center;
}

.new-header {
    padding-top: var(--xxlarge);
}

.new-container {
    font-family: var(--ff2);
}

.new-container .sideimg img {
    width: 200px;
}

.new-top-sidenav {
    max-width: max-content;
    gap: var(--small);
}

.new-container header .new-top-sidenav .new-side-links .new-order-btn a {
    background: var(--color1);
    color: var(--color-w);
    padding: var(--small) var(--large);
    border-radius: 10px;
    font-weight: 600;
}

.new-container header .new-top-sidenav > div {
    column-gap: var(--medium);
    justify-content: space-between;
    align-items: center;
}

.new-container header .new-top-sidenav .new-side-links a {
    color: var(--color5);
    font-family: var(--ff2);
    font-weight: 600;
}

.logout-new input.dot-navigation-top.dot-logout-button {
    color: var(--color5) !important;
    font-family: var(--ff2);
    font-weight: 600;
    font-size: 16px;
    padding: 0;
    text-decoration: none !important;
}

.new-container header .new-top-sidenav > div p {
    margin: 0;
}

header .logo img {
    width: 360px;
}

.new-container header nav.new-navigation .new-navigation-links > div {
    column-gap: var(--medium);
    padding: 0 var(--large);
}

.new-navigation {
    background: var(--color1);
    height: 51px;
    justify-content: center;
}

.new-container header nav.new-navigation a, .new-container header nav.new-navigation p {
    color: var(--color-w);
    display: flex;
    cursor: pointer;
    font-weight: 600;
}

.new-container header nav.new-navigation .new-nav-search form {
    width: 268px;
    position: relative;
}

.new-container header nav.new-navigation .new-nav-search form input {
    width: 100%;
    padding: var(--small);
    padding-right: var(--xxxlarge);
    border-radius: 15px;
    border: none;
}

.new-container header nav.new-navigation .new-nav-search form button {
    position: absolute;
    right: 4px;
    padding-left: 2px;
    top: 1px;
    bottom: 1px;
    background: initial;
    border: 0;
    cursor: pointer;
}

.new-container header nav.new-navigation .new-nav-search form button svg {
    height: 17px;
    fill: var(--color1);
}

.new-navigation-links {
    align-items: center;
}

.new-container p {
    margin: 0 0 var(--large);
}

.new-middle {
    padding: var(--large) var(--large) var(--xxxxlarge);
}

.new-main-content {
    padding-right: var(--large);
}

.teisko-text a {
    font-weight: bold;
    color: var(--color1);
    display: inline;
}

.teisko-info {
    gap: var(--xsmall);
    border-bottom: 1px solid var(--color-s);
    padding-bottom: var(--large);
}

.nl-emag-wrap {
    padding: var(--medium);
    box-shadow: var(--bs);
}

.nl-emag-wrap a {
    display: flex;
    flex-direction: column;
}

.nl-emag-wrap img {
    width: 100%;
}

.nl-emag-wrap h3 {
    margin: 0 0 var(--medium);
    color: var(--color5);
    font-size: var(--font-medium);
    text-align: center;
}

.login-text h2 {
    color: var(--color5);
    margin: 0 0 var(--large);
    font-size: var(--font-xlarge);
}

.login-text a {
    color: var(--color1);
    display: inline;
    font-weight: 600;
}

.login-text h1 {
    color: var(--color5);
    font-family: var(--ff2);
    margin: 0 0 var(--large);
    font-size: var(--font-xlarge);
}

.teisko-landing .login-text {
    padding-top: var(--large);
}

.login-new form {
    max-width: 250px;
    width: 100%;
}

.login-new input[type="submit"] {
    font-family: var(--ff2);
    font-weight: 600;
    background: var(--color1);
    margin: 0 0 var(--xxlarge);
    font-size: var(--font-medium);
}

.login-new .remembermeCheckbox {
    margin: 0 0 var(--large);
}

.login-new .remembermeCheckbox input {
    margin: 0;
    width: 16px !important;
    height: auto;
    margin-left: var(--xsmall);
}

.login-new input {
    margin: var(--xsmall) 0 var(--medium);
}

.login-links-wrap {
    gap: var(--large);
}

.login-links h3 {
    color: var(--color5);
    margin: var(--xxlarge) 0 var(--large);
    font-size: var(--font-xlarge);
}

.new-container .login.login-new .ag-input-group button[type="submit"] {
    font-family: var(--ff2);
    font-weight: 600;
    background: var(--color1);
    margin: var(--large) 0 var(--xxlarge);
    font-size: var(
    --font-medium);
    border-radius: 4px;
}

.new-container .login-new p.agFormHeader {
    margin: 0;
}

footer .new-footer-line {
    background: var(--color1);
}

footer .new-footer-line span {
    color: var(--color-w);
    padding: var(--medium) var(--large);
    font-weight: bold;
}

footer .new-footer-text {
    padding: var(--large) var(--large) var(--xxxxlarge);
    gap: var(--xxxxlarge);
    flex-wrap: wrap;
    justify-content: space-between;
}

footer .new-footer-text > div {
    gap: var(--small);
}

footer .new-footer-text a, footer .new-footer-text h3, footer .new-footer-text p {
    font-size: var(--font-medium);
    color: var(--color-b);
    margin: 0;
}

footer .new-footer-text .footer-emails a, footer .new-footer-text .footer-emails p {
    color: var(--color1);
}

.epaper-article h1 {
    margin: 0 0 var(--large);
    color: var(--color5);
    font-size: var(--font-large);
    font-family: var(--ff2);
}

.new-container p.ingressiotsikko {
    font-size: var(--font-medium);
    color: var(--color5) !important;
    font-weight: 600;
}

.new-container p.paikkata {
    text-transform: uppercase;
}

.new-container .articleContent .Caption, .new-container .articleContent .Source {
    background: 0;
    color: var(--color5);
    font-size: 14px !important;
}

.new-container .articleContent .Caption {
    padding: var(--xsmall) 0 0;
    font-weight: 600;
}

.new-container .image-gallery {
    margin: 0 0 var(--large);
}

.new-container .content {
    margin: 0 0 var(--large) !important;
}

.new-container .articleContent .Source {
    padding: var(--xsmall) 0 0;
    margin: 0;
}

.new-container .articleContent .Source:before {
    color: var(--color5);
}

.new-container .nd-slide-textblock {
    background: var(--color6) !important;
    color: var(--color5) !important;
    font-family: var(--ff2);
}

.epaper-article .faktaBoksi2 {
    box-shadow: var(--bs);
    margin-bottom: var(--large);
    border-radius: 4px;
}

@media (max-width: 980px) {
    footer .new-footer-line > div {
        justify-content: center;
    }
    
    footer .new-footer-text {
        flex-direction: column;
        align-items: center;
    }
    
    footer .new-footer-text > div {
        text-align: center;
        align-items: center;
    }
}

@media (max-width: 900px) {

	.new-side-links > div:not(.new-order-btn) {
	    display: none;
	}

	.new-container .new-side-links-bottom {
	    display: none;
	}

	.new-container .logo {
	    width: 100%;
	}

	.new-container header .logo img {
	    width: 100%;
	}

	.new-container .new-nav-search {
	    display: none;
	}

}