#drupal-modal .views-row { border-bottom: 1px solid #eee; padding-bottom: 5px; margin-bottom: 5px; }
form { position: relative; }
#ohjeet { display: none; position: absolute; right: 0px; top: 0; z-index: 999; background: #333; font-size: 20px; font-weight: 700; color: #fff; padding: 10px; }
#ohjeet::before { display: inline-block; content: " "; color: #fff; height: 25px; width: 25px; vertical-align: middle; margin-right: 10px;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%23ffffff' d='M256 8C119.043 8 8 119.083 8 256c0 136.997 111.043 248 248 248s248-111.003 248-248C504 119.083 392.957 8 256 8zm0 110c23.196 0 42 18.804 42 42s-18.804 42-42 42-42-18.804-42-42 18.804-42 42-42zm56 254c0 6.627-5.373 12-12 12h-88c-6.627 0-12-5.373-12-12v-24c0-6.627 5.373-12 12-12h12v-64h-12c-6.627 0-12-5.373-12-12v-24c0-6.627 5.373-12 12-12h64c6.627 0 12 5.373 12 12v100h12c6.627 0 12 5.373 12 12v24z'/%3E%3C/svg%3E"); 
}
#ohjeet:hover, #ohjeet:focus { opacity: 0.8; }
#drupal-off-canvas-wrapper { line-height: 1.2em; }
#drupal-off-canvas-wrapper .luelisaa.revealed p { line-height: 1.15em; }
#drupal-off-canvas-wrapper .luelisaa.revealed ul { margin-left: 25px; display: block; }
#drupal-off-canvas-wrapper ul { margin-left:0px; margin-top: 5px;  }
#drupal-off-canvas-wrapper ul li, #drupal-off-canvas-wrapper ol li { display: list-item; line-height: 1.1em; padding-bottom: 2px; }
#drupal-off-canvas-wrapper .views-row { border-bottom: 2px solid #fff; padding-bottom: 10px; margin-bottom: 10px; } 

.luelisaa {
    background-color: #323536;
    padding: 5px 10px;
    width: 100%;
    color: #fff;
    font-weight: 600;
    cursor: pointer;
    margin: 5px 0;
    position: relative;
    max-width: 520px;
}
.luelisaa:after {
    content: " ";
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 192 512'%3E%3Cpath fill='%23ffffff' d='M0 384.662V127.338c0-17.818 21.543-26.741 34.142-14.142l128.662 128.662c7.81 7.81 7.81 20.474 0 28.284L34.142 398.804C21.543 411.404 0 402.48 0 384.662z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    width: 20px;
    height: 20px;
    color: #fff;
    float: right;
    position: absolute; right: 10px; top: 6px;
}
.luelisaa-teksti { display: none; }
.luelisaa-teksti.revealed { display:block; padding-left: 15px; line-height: 1.15em;  } 
.luelisaa.revealed:after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 512'%3E%3Cpath fill='%23ffffff' d='M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z'/%3E%3C/svg%3E");
}

#drupal-off-canvas-wrapper .luelisaa, #drupal-off-canvas-wrapper .luelisaa *:not(div) { background: #777777; color: #fff;  }
#drupal-off-canvas-wrapper .luelisaa:focus, #drupal-off-canvas-wrapper .luelisaa:hover, #drupal-off-canvas-wrapper .luelisaa:hover *:not(div), #drupal-off-canvas-wrapper .luelisaa:focus *:not(div) { background: #000; }
#drupal-off-canvas-wrapper input[type="submit"].button:hover, #drupal-off-canvas-wrapper input[type="submit"].button:focus { background: #000; }
#drupal-off-canvas-wrapper h2 { font-size: 16px; }
.js-off-canvas-dialog-open .ui-dialog-off-canvas.ui-dialog-position-side { width: 500px!important; }
.js-off-canvas-dialog-open .dialog-off-canvas-main-canvas { padding-right: 500px!important; }
#drupal-off-canvas-wrapper p { display: block; }