:root {
    /*
	--blue-xdk: 100%; 
    --blue-xdk: 100%;
	--blue-active: ; 
    --blue-md: ;
    */
    --blue-dk: #006699;
    --blue-lt: #94C6EB;
    --blue-xlt: #d5e9f7;
    --blue-xxlt: #EDF3FF;
    --white: #fff;
}

.bg-blue {background-color: var(--blue-xxlt);}
.border-blue {border-color: var(--blue-xlt);}

.theme-blue .key-points ul { margin-left:0; margin-top:1em;}
.theme-blue .key-points ul ul { margin-bottom:0em;}
.theme-blue .key-points li {
    list-style: outside none none;
    background: transparent url(/climate/images/symbols/bullet-blue.png) no-repeat scroll 0 0.4em;
    line-height: 1.4em;
    margin: 0 0 1.4em 0;
    padding: 0 0 0 24px;
    font-size: 1.0em;
}
.theme-blue .key-points li:last-child {
    margin: 0 0 0 0;
}
.theme-blue .key-points li li{
    font-size: 1.0em;
}

/* summary details */
.theme-blue details { 
    background-color: var(--white) ; 
    border-color:   var(--blue-xlt); /*  4px solid */
}


.theme-blue summary { 
    background-color: var(--blue-xxlt); /*background-color: var(--blue-xxlt);*/
    border: 4px solid var(--blue-xlt);
    padding-left: 24px;
}

.theme-blue summary[aria-expanded="false"], .theme-blue summary[aria-expanded="true"]{     
    background-image: none;
    background-color: var(--blue-xlt);
    position: relative;
}

.theme-blue summary:hover[aria-expanded="false"]{
    background-color: var(--white);
}
.theme-blue summary[aria-expanded="false"]:before {
    content: '+';
    font-size:24px;
    color: var(--blue-lt);
    position: absolute;
    top: 0px;
    left: 8px;
    z-index: 1;
}
.theme-blue summary[aria-expanded="true"]:before {
    content: '+';
    font-size:24px;
    color: var(--blue-lt);
    position: absolute;
    top: 0px;
    left: 8px;
    z-index: 1;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
}
/*
details summary[aria-expanded="false"], details summary[aria-expanded="true"] {
    background-color: var(--white); 
}
*/

.theme-blue details summary:hover,.theme-blue details summary:focus {
    background-color: var(--blue-xlt);  /* white; var(--blue-xxlt);*/
}