/* ---- published: 09.12.2025, 15:48:45 ---- */

/* theme: prh */
/* module: prh file: prh.css namespace: noscope:true */


:root {
    --prh-darkblue:  #112969;
    --prh-teal: #147FA9;
    --prh-brightblue: #0372ba;
    --prh-lightblue: #f0f7fd;
    --prh-purple: #7b1f7f;
    --prh-lightpurple: #fdf4f9;
    --prh-green: #007d66;
    --prh-lightgreen: #f5faf0;
    --prh-nav-firstlevel: var(--prh-darkblue);
    --prh-nav-secondlevel: #384e8b;
    --prh-nav-thirdlevel: #4f6399;
    --prh-nav-border: #7282ad;
    --prh-content-bg: #f7f7f7;
    --prh-orange: #D4450C;
    --prh-red: #DA071F;

    --body-color: #000000;

    --primary: var(--prh-blue);
    --secondary: var(--prh-pink)
}
body {
    font-family: Arial, Helvetica, sans-serif;
    -webkit-font-smoothing: antialiased;
}

prh-contenteditor ul li,
prh-contenteditor ol li,
prh-haku-tulos ul li,
prh-haku-tulos ol li {
    list-style-position: outside;
    margin-left: 10px;
}
ol {
    padding-inline-start: 40px;
}
.content-editor ol,
.content-module--block ol,
ol {
    padding: 0 0 0 40px;
}
ol, ul, dl {
    margin-bottom: 1.6rem;
}
.prh-h1,
.prh-h2,
.prh-h3,
.prh-h4,
.prh-h5 {
    font-family: "FagoWebPro-Medium", Arial, Helvetica, sans-serif;
}

.debug-bg {
    background-color: pink;
}
.content-editor a[target=_blank]::after,
.content-module--block a[target=_blank]::after,
.external-link[target=_blank]::after {
	content: "\f35d";
	font-weight: 900;
	font-family: "Font Awesome 5 Pro";
	display: inline;
	margin-left: 0.5rem;
}
.bg-color--teal {
    background-color: var(--prh-teal);
}
.fontweight-600 {
    font-weight: 600;
}
.color-primary {
    color: var(--primary);
}
.blue-text {
    color: var(--primary);
}
a:hover {
    color: var(--secondary);
}
.prh-link {
    font-weight: 600;
}
.opacity-hover:hover {
    opacity: 0.75;
}
.prh-col-30p {
    flex: 0 0 30%;
    max-width: 30%;
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: calc(var(--grid-gutter-width) / 2);
    padding-left: calc(var(--grid-gutter-width) / 2);
}
.prh-col-70p {
    flex: 0 0 70%;
    max-width: 70%;
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: calc(var(--grid-gutter-width) / 2);
    padding-left: calc(var(--grid-gutter-width) / 2);
}
.container-header {
    width: 1290px;
    margin: auto;
}
.container {
    max-width: 986px;
    margin: auto;
    padding: 25px 0 0;
}
.content-container {
    max-width: 986px;
    margin: auto;
    min-width: 986px;
}
.sahkoistenpalveluidenetusivu.content-container {
    padding: 0 2.5rem 0 2.5rem;
}
.width-75 {
    width: 75%;
    margin: 0 auto;
}
.container-fluid {
    padding: 0;
}
.content {
    padding: 0 25px 40px 25px;
}
.content-border {
    border-left: 1px solid #ddd;
}
.content-row {
    margin-bottom: 3rem;
}
.sisalto-rivi{
    margin-bottom:0;
}
.sidebar{
    padding-bottom: 3rem;
    border-right: 1px solid #ddd;
}
.content-editor.block {
    margin: 15px 0;
}
.bg-color--lightblue {
    background-color: #d9effa !important;
}
.bg-color--white {
    background-color: #fff !important;
}
.bg-color--ligthgrey {
    background-color: #f7f7f7 !important;
}
.bg-color--gradient {
    background: var(--prh-gradient);
}
.bg-color--blue{
    background-color: var(--prh-blue);
}
.bg-color--purple{
    background-color: var(--prh-purple);
}
.bg-color--orange{
    background-color: var(--prh-orange);
}
.bg-color--red{
    background-color: var(--prh-red);
}
.black-text {
    color: #000;
}
.hyppylinkki {
	height: 30px;
	left: 0;
	padding: 8px;
	position: absolute;
	transform: translateY(-100%);
	transition: transform 0.3s;
}
a.hyppylinkki:focus, a.hyppylinkki:active {
	transform: translateY(0%);
}

.btn-prh--white {
    background-color: #fff;
}
.prh-btn--green {
    background-color: #00806a;
    color: #fff;
}
.prh-btn--green:hover,
.prh-btn--green:active,
.prh-btn--green:focus {
    background-color: #00a588;
}
.prh-btn--grey {
    background-color: #5D5D5D;
    color: #fff;
}
.prh-btn--grey:hover,
.prh-btn--grey:active,
.prh-btn--grey:focus {
    background-color: #787880;
}
.sisaltoalue {
    background-color: #fff;
}
#content2 {
    padding-bottom: 4rem;
}
.sisaltosivu{
    background-color: var(--prh-content-bg);
    height:100%;
}
.edit-btn {
    align-self: flex-end !important;
}

.prh-paivitystieto {
    font-size: 1.4rem;
    margin-top: auto;
}

/* .sivunav, .bannerit{
    border-right: 1px solid #ddd;
} */
.img-responsive{
    display: flex;
    height: auto;
    width: auto;
}

.sahkoinenasiointi-ylakuva {
    background-image: url("/lib/prh/images/sahkoinenasiointitausta.jpeg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 3em 1em 1em;
    min-height: 27.5rem;
}

.prh-header-kielilinkit,
.prh-header-kielilinkitcomponent {
    display: flex;
}

.prh-sisaltosivu-sisalto .content-editor.block {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

.content__image__wrapper .caption {
    font-size: 1.4rem;
    text-align: left;
    font-style: italic;
    line-height: 1.82rem;
    color: #000;
}


@media (max-width: 1290px) {
    .container-header {
        width: 100%;
        margin: auto;
    }
    .container {
        padding: 0 1rem
    }
}
@media (max-width: 1010px) {
    .content-container {
        min-width: 758px;
        max-width: 758px;
    }
}
@media (max-width: 992px) {


}
@media (max-width: 768px) {
    .sivunav{
        display:none;
    }
    .bannerit{
        padding-left: 1.6rem;
        padding-right: 1.6rem;
    }
    .bannerikuva{
        justify-content: center !important;
        display: flex !important;
    }
    .bannerikuva img{
        max-width: 28.325rem;
    }
    .prh-col-100p {
        flex: 0 0 100%;
        max-width: 100%;
    }
    .sisaltoalue .row .col-sm-12.col-md-6 .prh-sisaltosivu-sisalto {
        display: flex;
    }
    .sisaltoalue .row .col-sm-12.col-md-6 .prh-sisaltosivu-sisalto .prh-sisaltosivu-sisalto-teksti-kuva{
        text-align: left;
        justify-content: start;
    }
    .sisaltoalue .row .col-sm-12.col-md-6 .prh-sisaltosivu-sisalto .content-editor.block{
        margin-top: 0;
        margin-bottom: 0;
        padding-bottom: 0;
    }
    .content-container {
        min-width: 98%;
        max-width: 98%;
    }
}

@media print {
    #ocChat-widget-container,
    .d-print-none {
        display: none !important;
    }
}