/**
 * If using a CSS pre-processor, tell it to overwrite this file. If not, place
 * your custom CSS modifications here.
 */

.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;
}

/*
.eu-cookie-compliance-message {
    max-width: 100%;
    min-width: 100%;
}


button.agree-button.eu-cookie-compliance-secondary-button {
    background-color: #f3b138;
}
button.decline-button.eu-cookie-compliance-default-button {
    background-color: #8a8a8a;
}


.eu-cookie-compliance-save-preferences-button, .eu-cookie-compliance-more-button {
    border-style: none;
    font-weight: normal;
    font-size: 0.9rem;
    margin-top: 1em;
    border-radius: 1em;
    padding: 1em;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
    cursor: pointer;
}

.eu-cookie-compliance-buttons button {
background-color: #3e6dd6;
    border-style: none;
    padding: 0.5rem;
    padding-left: 1.3rem;
    padding-right: 1.3rem;
    color: #fff;
    font-weight: bold;
    box-shadow: 1px 1px #989898;
    border-radius: 0.5rem;
 margin-right: 0.5rem;
    margin-bottom:0.5rem;
}

.eu-cookie-compliance-buttons {
    float: left;
    max-width: 100%;
    margin-top: 0.7rem;
}

.eu-cookie-compliance-message {
    max-width: 100%;
    min-width: 100%;
}

#sliding-popup h2 {
    font-size: 1.2rem;
}

#sliding-popup {
    width: 100%;
    height: 100%;
    background-color: #50505040;
}

.eu-cookie-compliance-banner {
    background-color: #ffffff;
    width: auto;
    margin: auto;
    height: auto;
    box-shadow: 1px 2px #757575;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    padding: 2rem;
border-radius:1rem;
}


*/
 
.form-item-popup-agree-button-message, .js-form-item-popup-agree-button-message, .seven-details__wrapper details-wrapper div {
display:block!important;
display:block;
}
/* fixi for larger logo */
.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;}
 
 /* full banner*/
.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;}
/* lang dropdown module*/
.block-dropdown-language {padding-top: 7px;}
/* lang switcher*/
.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;
}

/*back to top*/
#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;
}

/* replace english to en */
.block-language .links .en .language-link:after {content: 'EN';}
/*
.block-language .links .en:after {
  content: 'EN';
}
*/

/* user comments */

.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*/
.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;}

/* teoriboken squares */
.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;}

/*landscape*/
@media only screen and (orientation: landscape) and (max-width: 998px)  {
/*
.eu-cookie-compliance-category-description {display:none;}
cookie-compliance-more-button {
    font-size: 0.9rem;
    margin-top: 0.4em;
    padding: 1em;
    padding-top: 0.2em;
    padding-bottom: 0.2em;
}
*/
}

/* 768px */

@media only screen and (max-width: 768px) {


.cookiesjsr-banner--action, .cookiesjsr-banner--info {
        width: 95%;
}
.cookiesjsr-btn {
        max-width: 150px !important;
}



}