/* @license GPL-2.0-or-later https://www.drupal.org/licensing/faq */
.cookiesjsr-banner.active{flex-direction:column;max-width:100%;z-index:100000;padding:7px;min-height:200px;height:max-content;box-shadow:0 0 18px rgb(125,125,125);border:1px solid #e7e7e7;outline-color:#2e569f;outline-width:1px;background:#fff;color:#484848;font-size:1.6em;}.cookiesjsr-banner--action{float:right;display:block;}.cookiesjsr-btn{max-width:200px !important;float:left !important;}.cookiesjsr-banner--action,.cookiesjsr-banner--info{width:70%;}.cookiesjsr-btn.important{background-color:#fff;background-color:#0064ff;border-color:#fff;border-color:#828282;color:#004c93;color:#fff;}.cookiesjsr-btn{background-color:#e1e1e1;color:#808080;}.cookiesjsr-banner--info a{color:#626262 !important;}.cookiesjsr-links{flex-direction:row;}.cookiesjsr-btn.important.denyAll{background-color:grey;}.form-item-popup-agree-button-message,.js-form-item-popup-agree-button-message,.seven-details__wrapper details-wrapper div{display:block!important;display:block;}.region-content{margin-top:3em;}.row{margin-top:2em;}.region.region-navigation-collapsible{padding-top:1em;}.dropdown-language-item.btn-group.dropdown{margin-left:2em;}.banneri-container{padding:2.5em;width:100%;font-family:'Roboto Condensed',sans-serif;min-height:420px;height:auto;float:left;}#banneri1{background-image:url("/cdn/youlearn/verkko-opetus.jpg");background-repeat:no-repeat;background-position:center bottom;}#banneri2{background-color:#1d47c0;}#banneri3{background-color:#b2228e;}#banneri4{background-color:#ff9c00;}#banneri-custom{background-color:none;}#banneri1 .banneri-title{font-size:2.5em;font-style:normal;font-weight:lighter;text-align:center;margin-top:12px;color:#666;}#banneri2 .banneri-title,#banneri3 .banneri-title,#banneri4 .banneri-title{font-size:2.1em;font-style:normal;font-weight:lighter;margin-top:12px;margin-bottom:19px;color:#666;color:#fff;}#banneri-custom .banneri-title{font-size:2.1em;font-style:normal;font-weight:lighter;margin-top:12px;margin-bottom:19px;color:#505050;}.banneri-kuva{float:left;background-repeat:no-repeat;height:302px;width:306px;}#banneri-custom .banneri-kuva img{float:left;background-repeat:no-repeat;height:auto;width:auto;}#banneri-custom .banneri-kuva{float:left;background-repeat:no-repeat;height:auto;width:auto;}#banneri2 .banneri-kuva{background-image:url(/images/henkilosto.jpg)}#banneri3 .banneri-kuva{background-image:url(/images/kouluille.jpg);}#banneri4 .banneri-kuva{background-image:url(/images/lukuja.jpg);}#banneri1-content{float:right;right:14%;position:absolute;background-color:#FFF;opacity:0.8;-moz-border-radius:7px;border-radius:7px;padding :20px;}body{font-family:'Lato',serif;font-size:1.6em;}.carousel-caption h3 a{color:#fff!important;text-decoration:none;}.block-dropdown-language{padding-top:7px;}.block-language .links{padding-top:7px;}.block-language .links li{display:inline-block;list-style:none;margin-right:7px;font-size:0.8em;background-color:#fff;border-radius:7px;box-shadow:1px 1px 1px 1px #dbdbdb;}.block-language .links li a{padding:8px;padding-top:8px;padding-bottom:8px;display:inline-block;text-decoration:none;padding-top:5px;padding-bottom:5px;color:#666;min-width:28px;text-align:center;text-transform:uppercase;overflow:hidden;max-width:2ch;}#backtotop{-moz-border-radius:50px;border-radius:50px;line-height:normal;width:40px;height:40px;margin-bottom:25px;background-color:#505050;}#backtotop::before{content:"\f077";color:#fff;font-family:FontAwesome;font-weight:bold;font-size:1.2em;}.block-language .links .en .language-link:after{content:'EN';}.triangle-right{position:relative;padding:15px;margin:1em 0 1.9em;color:#fff;-webkit-border-radius:15px;-moz-border-radius:15px;border-radius:15px;}.triangle-right:after{content:"";position:absolute;bottom:-20px;left:50px;border-width:20px 0 0 20px;border-style:solid;display:block;width:0;}.user-comment-name{margin-top:-15px;padding:0px;margin-left:42px;padding-top:-10px;}#testimonials-violet:after,.views-row:nth-of-type(odd) p:after{border-color:#ff00f6 transparent;}#testimonials-violet,.views-row:nth-of-type(odd) p{background-color:#ff00f6;margin-left:1.2em;}#testimonials-blue:after,.views-row:nth-of-type(even) p:after{border-color:#009eff transparent;}#testimonials-blue,.views-row:nth-of-type(even) p{background-color:#009eff;;margin-left:1.2em;}.footer{width:100%;float:left;color:#999;padding-top:2em;}footer{background-color:#1d1d1d;box-sizing:content-box;}footer a,footer a:hover{color:#999;}footer h4{color:#ededed;}.footer-list{list-style:none;list-style-type:none;padding:0;color:#fff;}.footer-list li{margin:0px;border-top:solid;border-color:#4b4b4b;border-width:1px;margin-bottom:3px;overflow:visible;}.footer-list a{color:#fff;text-decoration:none;padding:7px;padding-left:7px;display:block;}.footer-list a:hover{background-color:#282828;}.trafik{float:left;max-width:120px;min-width:90px;margin-right:30px;min-height:280px;border-color:#CCC;border-style:solid;border-width:1px;padding:15px;margin-bottom:10px;}.trafik:hover{cursor:pointer;background-color:#F7F7F7;transform:scale(1.2,1.2);-webkit-box-shadow:0px 0px 26px 6px rgba(66,66,66,1);-moz-box-shadow:0px 0px 26px 6px rgba(66,66,66,1);box-shadow:0px 0px 26px 6px rgba(66,66,66,1);border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;}.trafik img{max-width:90px;min-width:90px;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;margin-bottom:10px;padding-bottom:10px;}.trafikname{font-size:0.9em;}.squaread{float:left;border:#CCC;border-style:solid;border-width:1px;min-width:150px;max-width:150px;list-style-type:none;list-style:none;height:199px;margin-right:9px;margin-bottom:9px;text-decoration:none;line-height:0px;text-align:center;}.squaread h5{font-size:0.9em;}.squares{margin:0px;padding:0px;}.squaread a{display:inline-block;padding-left:9px;padding-right:9px;padding-bottom:0px;margin:0px;text-decoration:none;padding-top:20px;min-height:45px;text-transform:uppercase;}.squaread a:hover{text-decoration:none;}.squaread a img{display:inline-block;margin:0px;padding-left:10px;padding-right:10px;}.teori-squares{padding-top:20px;margin-left:0px;}@media only screen and (orientation:landscape) and (max-width:998px){}@media only screen and (max-width:768px){.cookiesjsr-banner--action,.cookiesjsr-banner--info{width:95%;}.cookiesjsr-btn{max-width:150px !important;}}
