@import url('https://fonts.googleapis.com/css?family=Exo+2:400,700&subset=cyrillic');

h1, h2, h3, h4, h5, h6 {font-family: 'Exo 2', sans-serif!important; color: #002a63!important; font-weight: 700!important;}

#post-477 h1, #post-477 h2, #post-477 h3 {font-family: 'Exo 2', sans-serif!important; color: #002a63; font-weight: 700!important;}
#post-477 h1 {line-height: 1em;}

h1, h2, h3 {font-weight: 700!important;}

h1 {line-height: 1.2em;}
.ala h2 {    
  	font-size: 1.8em!important;
    line-height: 1.2em;
  	margin-bottom: 40px;
}

h3 {
  	font-family: 'Exo 2', sans-serif!important;
    font-weight: 800!important;
    font-size: 20px!important;
    color: #000!important;
}

.otsikko h1, .otsikko h2 {
  	font-family: 'Exo 2', sans-serif!important;
  	font-size: 50px!important;
  	line-height: 1.1em!important;
  	color: #000;
}


#menu-item-728 a, #menu-item-729 a, #menu-item-730 a {padding-bottom: 0px!important;}
#menu-item-728, #menu-item-729, #menu-item-730 {vertical-align: middle; padding-right: 14px!important;}


body     {font-family: 'Exo 2', sans-serif!important; font-size: 1.2em!important; line-height: 1.4em!important; font-weight: 600;}
p {font-weight: 400;}
a {font-weight: 400;}

#post-477 .ala h2 {font-size: 1em!important; margin-bottom: 20px;}
#post-477 p {
  	font-family: 'Exo 2', sans-serif!important;
    line-height: 1.4em;
    font-weight: 400!important;
    font-size: 18px;
}
#post-477 p:last-of-type {padding-bottom: 30px;}

#post-477 .entry-content ul {
    font-family: 'Exo 2', sans-serif!important;
    line-height: 1.8em!important;
    font-weight: 400!important;
    font-size: 18px!important;
}


/*---------PRICELIST------------*/

.price {
    border-radius: 10px;
    padding: 18px 60px 24px 24px;
    background-color: rgba(255, 221, 213, 0.9);
    display: inline-block;
  	top: -100px;
    position: absolute;
  	box-shadow: 6px 6px 28px 0px rgba(0,0,0,0.3);
}

.price h2, .price h3 {
		color: #012b62!important;
  	font-weight: 700!important;
}


.price a.smallblue {
  	border: none;
    color: #002c61!important;
    background: #fff!important;
}

.price a.small-button {
    margin: 5px 5px 0px 0px;
    padding: 6px 16px 8px 16px;
  	border-radius: 6px;
    font-size: 18px;
    font-weight: 700!important;
}

.kohde-foto {
  	padding-top:500px!important;
  	margin-bottom:80px;
}
.kohde {    
  	padding-left: 34px!important;
    width: 100%!important;
    max-width: 100%!important;}






.kellari h2 {font-size: 40px!important;}
.kellari h1, .kellari h2 {margin-bottom: 16px!important;}

#footer-bottom .container {padding-left: 2em; width: 100%; max-width: 100%;}

.et-pb-contact-message {color: #fff;}

.menu-item-373 a, .menu-item-375 a {top: 18px; position: relative!important;}

.icon img {max-width: 20%;margin-right: 4%;}

.et_header_style_left #et-top-navigation, .et_header_style_split #et-top-navigation {padding: 15px 0 0 0!important;}

.et_pb_fullwidth_header .et_pb_fullwidth_header_container.center .header-content {width: 90%;}

h4, h4 a {font-family: 'Exo 2', sans-serif!important;  font-weight: 600!important; font-size: 20px!important; line-height: 1.2em;}



.hero h1 {
    font-size: 80px!important;
    color: #fff!important;
  	text-shadow: 0em 0em 0.8em rgba(93, 86, 82, 0.4);
}

#post-477 .hero h1 {text-shadow: 0em 0em 0.8em #0097a58f}
#post-146 .hero h1 {text-shadow: 0em 0em 0.8em rgba(134, 126, 105, 0.64);}


.page-id-98 .hero h1 {font-size: 80px!important;}
.page-id-209 .hero h1 {font-size: 80px!important;}

.et_pb_main_blurb_image {max-width: 50%!important;}



.nav li ul {width: 300px;}
#top-menu li li a {width: 280px;}

.hero h2 {font-size: 30px;}
.poppy h2 {color: #074993!important;}
.hero h3 {font-weight: 600!important; font-size: 28px!important; color: #002a63!important;}
.hero-yritys h3 {font-weight: 600!important; font-size: 20px!important; color: #002a63!important;}
.hero-half {padding: 2em 2em 0;}


.entry-content ul{line-height: 1.8em; font-weight: 400;
    font-size: 20px;}
.page-id-209 .entry-content ul{font-weight: 400!important;font-size: 20px!important;} 
.page-id-209 a {font-weight: 600!important;}
.mobile_menu_bar:before {top: 8px!important;}

.et_pb_main_blurb_image {
    max-width: 70%!important;
}

#badge {
    width: 40%;
    height: 40%;
    position: absolute;
    top: 20%;
    left: 70%;
}

/*.lomake {padding-bottom: 100px;}*/


.hinta h2 {
  	background: -webkit-linear-gradient(left, #fd82dd, #ffdd35);
  	-webkit-background-clip: text;
    -moz-background-clip: text;
    -webkit-text-fill-color: transparent;
    -moz-text-fill-color: transparent;
    display: inline-block;
}



/*---------TOP-MENU----------*/

.nav li {line-height: 1.5em;}
#top-menu li a {
    font-weight: 700!important;
    font-family: 'Exo 2', sans-serif!important;
}

#et_search_icon:before {top: 0px; left: 5px; font-size: 22px;}
#main-header {box-shadow: 0 1px 0 #fefefe;}
.et_pb_svg_logo #logo {height: 60%!important;}


#top-menu li.current-menu-item>a {color: #14a4bc!important;}


#menu-item-43 a, .et-fixed-header #top-menu #menu-item-43 a {padding: 14px!important;
    color: #fff!important;
    background-color: #ff7766;
    border-radius: 3px;}
#top-menu li #menu-item-510 a {
  font-family: 'Exo 2', sans-serif!important;  
  font-weight: 700!important;
  font-size: 16px!important;
}

.nav li ul {border-top: 3px solid #002d60;}





/*-------------- MOBILE MENU ---------------------------------------*/

.et_mobile_menu li a, .nav li li a {font-size: 18px;}
.et_mobile_menu li a {border-bottom: 1px solid rgba(0,0,0,.08);}
.mobile_menu_bar:before {color: #009246;}
.mobile_menu_bar{margin-right: 10px;}
.et_mobile_menu { border-top: 0px!important;}
.container.et_menu_container {width: 100%;}
.container.et_search_form_container {width: 100%;}
span.et_close_search_field {right: 20px;}
#et_search_icon:before {color: #00629b;}
.et_mobile_menu li #menu-item-510 a {
  font-family: 'Exo 2', sans-serif!important;   
  font-weight: 700!important;
  font-size: 18px!important;
}

.et_mobile_menu li.current-menu-parent>a {color: #0082c4!important;}

.et_mobile_menu .sub-menu .current_page_item>a {color: #0082c4!important;}
.et_mobile_menu .current_page_item>a {color: #0082c4!important;}



#main-header .et_mobile_menu .sub-menu a {padding-left: 24px!important; color: #003a86;}

.mobile_menu_bar:before {
            background-color: #fff0;
            padding: 5px 0px 5px 5px;
            color: #002a63!important}
    .mobile_menu_bar::after {
						font-family: 'Exo 2', sans-serif!important; 
    				content: "Valikko";
						font-size: 18px!important;
            position: relative;
            padding: 13px 0px 13px 5px;
            background-color: #fff0;
            color:#002a63!important;
        	cursor: pointer;}
    .mobile_nav.opened .mobile_menu_bar:before {
        	content: "\4d";}

.et_mobile_menu {padding: 16px;}
.et_mobile_menu li a {padding: 10px 5%; color: #777;}
.et_mobile_menu .menu-item-has-children > a {font-weight: 700!important;}

#mobile_menu .current-menu-item > a { 
  	color: #fff; 
  	border-bottom: 0!important; 
  	background:#fff;
  	border-bottom: 1px solid rgba(0,0,0,.08)!important;
}

/*------------Nested Mobile Menu Items START--------------*/


#main-header .et_mobile_menu .menu-item-has-children > a { background-color: transparent; position: relative;font-weight: normal; }
#main-header .et_mobile_menu .menu-item-has-children > a:after { font-family: 'ETmodules'; text-align: center; speak: none; font-weight: normal; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; position: absolute; }
#main-header .et_mobile_menu .menu-item-has-children > a:after { font-size: 30px; content: '\33'; top: 12px; right: 10px; }
#main-header .et_mobile_menu .menu-item-has-children.visible > a:after { content: '\32'; }
#main-header .et_mobile_menu ul.sub-menu { display: none !important; visibility: hidden !important;  transition: all 1.5s ease-in-out;}
#main-header .et_mobile_menu .visible > ul.sub-menu { display: block !important; visibility: visible !important; }


.et_mobile_menu li li { padding-left: 0!important; }
#main-header .et_mobile_menu li ul { padding-left: 0px!important; }
#main-header .et_mobile_menu .visible > ul.sub-menu { background: #f0fcff!important; }
.et_mobile_menu li li { background-color: rgba(238, 238, 238, 0.46)!important; }
.et_mobile_menu .menu-item-has-children > a { background-color: #fff; font-weight: normal; }

#main-header .et_mobile_menu li ul {
-webkit-box-shadow: inset 0px 17px 22px -12px rgb(175, 218, 241);
-moz-box-shadow: inset 0px 17px 22px -12px rgb(175, 218, 241);
box-shadow: inset 0px 17px 22px -12px rgb(175, 218, 241);
}


/*---------Footer Link---------*/
#footer-info a {color: #2ea3f2!important;}






/*---------Fixed HEADER---------*/
.et-fixed-header #logo {max-height: 70%!important;}




.kuva-circle img{ border-radius: 100%;}





/*--BLOG--*/

#sidebar h4 {font-size: 1.2em!important; line-height: 1.2em;}
.author { display: none!important;}


/*--Table settings--*/

.entry-content tr td {
    font-size: 28px;
    color: #012b62!important;
    font-weight: 700!important;
    padding: 8px 14px!important;
    border-top: 1px solid #f7afa2!important;
}
.entry-content table {margin-top:10px; border: none!important;}


/*-- Widgets --*/

.kurssi-menu .et_pb_widget ul li, .kurssi-menu p {font-size: 20px; line-height: 1.4em!important; margin-bottom: 1.4em!important;}
.kurssi-menu h2 {
  	text-align: center;
    font-size: 2em!important;
    line-height: 1.2em!important;
}
.kurssi-menu .et_pb_widget ul li {font-weight: 600;}   
.kurssi-menu .et_pb_widget li a, .kurssi-menu a {color: rgb(255, 255, 255); border-bottom: dotted 1px rgba(255, 255, 255, 0.4);}
.kurssi-menu .et_pb_widget li a:hover, .kurssi-menu a:hover { color: rgba(255, 255, 255, 0.8); border-bottom: dotted 1px rgba(255, 255, 255, 0.8);}
.kurssi-menu .et_pb_widget_area_left {border-right: none!important;}



/*-- Contact form --*/  
 
.et_pb_contact p input, .et_pb_contact p textarea, .et_pb_contact_select {font-size: 18px; font-family: 'titillium-web Sans', sans-serif !important; font-weight: 600;}  
.et_pb_contact p input, .et_pb_contact p textarea, .et_pb_contact_select {background-color: #fefefe;}







/*-----------TABLET Landscape-------------*/

@media (max-width: 1024px){
  
  
p {font-size: 18px!important; line-height: 1.6em!important;}
/*#logo, .et-fixed-header #logo {max-height: 50%!important;}*/
#top-menu li {padding-right: 14px;}
#top-menu li a {font-size: 14px!important;}
#top-menu li #menu-item-510 a {font-size: 14px!important;}  
.et_header_style_left .logo_container {height: 80%;}  
.container.et_menu_container {padding-right: 30px!important; padding-left: 10px!important;} 
.kurssi-mascot img {top: 300px;left: 0px;}
 
#badge {left: 66%;}  
.hero h2 {font-size: 30px;}  
.entry-content tr td {font-size: 24px; padding: 4px 8px!important;}  
.hero h3, .hero-yritys h3  {font-size: 20px!important;}
.hero-half {padding: 1em 1em 0;}  
 
.et_mobile_menu {padding: 4% 20% 10%;}  
.kohde-foto {
    padding-top: 400px!important;
    margin-bottom: 60px;
}  
.price {left: 20px;}   
}





/*-----------TABLET Portrait-------------*/

@media (max-width: 820px){

  
.page-id-98 .hero h1 {
    font-size: 40px!important;
}
  .hero h1 {font-size: 40px!important;}
  
.menu-item-728 a, .menu-item-729 a, .menu-item-730 a {text-align: center;top: 4px;position: relative!important;}
  
.container.et_menu_container {width: 100%;}
.container.et_menu_container {padding-right: 0px!important; padding-left: 0px!important;}   
 
.cta .et_parallax_bg {top: 160px!important;}
.cta .skvl {max-width: 50%!important;}  
.kohteet .et_parallax_bg {top: 100px!important;}
 
.price {top: -80px;left: 20px; width: 80%!important;} 
#vuokra-rivi.et_pb_row {width: 100%;}
  
#et_mobile_nav_menu {margin-right: 20px;}
.et_header_style_left #et-top-navigation{padding-top: 24px;}
.et_pb_svg_logo #logo {height: 100%!important; position: absolute; margin-top: 6px;} 
#logo {margin-left: 10px!important; max-height: 84%!important;}
.et_header_style_left .logo_container {height: 100%;} 

#et_search_icon:before {top: 14px;}  
.et_pb_contact {margin-bottom: 40px;}
  
.et_mobile_menu li a, .nav li li a {
    font-family: 'titillium-web', sans-serif !important;
    font-size: 18px;
    font-weight: 700;}  

#logo {margin-left: 14px!important;}
#badge {
    width: 30%!important;
    height: 30%!important;
} 
  
  
  

}




/*-----------MOBILE-------------*/
@media (max-width: 567px){

p {font-size: 16px!important;}
.otsikko h1, .otsikko h2 {font-size: 1.8em!important; line-height: 1em!important;}
.hero h2 {font-size: 22px!important;
    line-height: 30px;}
.hero h1 {font-size: 60px!important;}
.ala h2 {font-size: 1.2em!important;}

.page-id-98 .hero h1 {font-size: 30px!important;}  
.page-id-209 .hero h1 {font-size: 40px!important;}  
#post-477 .hero h1 {font-size: 36px!important;}
#post-477 p {line-height: 1.4em!important;} 
#post-477 .entry-content ul {line-height: 1.4em!important; font-size: 16px!important;}
  
.page-id-209 .entry-content ul {font-size: 16px!important;} 
  
/*------ Pricelist - Mobile -----*/
  
.kohde-foto {
  	padding-top:80px!important;
  	margin-bottom:220px!important;
    /*background-size: contain!important;*/
}
.price {     
  	width: 100%!important;
    border-radius: 6px;
    padding: 18px 16px 16px 16px;
    top: 70px!important;
    left: -7%!important;}
  
.price h2 {font-size: 20px!important;}
.price h3 {font-size: 16px!important;}

.kohde {width: 100%!important;}
  
  
/* - Layout settings - */
.et_pb_row {width: 90%;}
#vuokra-rivi.et_pb_row {width: 100%;}
.et_pb_fullwidth_header .et_pb_fullwidth_header_container {width: 100%;}
.hero-half {padding: 1em 1em 0!important;}
#badge {
    width: 40%!important;
    height: 40%!important;
    top: 24%!important;
    left: 68%!important;
}

.column-1 {margin-bottom: 0px!important;} 
  
.cta .et_parallax_bg {top: 200px!important;}
.cta .skvl {max-width: 80%!important;}
  
.entry-content ul {line-height: 1.5em;}  
  
  
.mobile-img {max-width: 100%!important;} 

.remargin {margin-bottom: 0px!important;}

.et_mobile_menu {padding: 0px 16px; top: 70px;} 
  
#footer-info {font-size: 14px;}
#footer-bottom .container {padding-left: 0;}  
  
.kellari h2 {margin-bottom: 16px!important;}  
  
  
  
  
  
  
/* - Table settings - */
.entry-content tr td {
    font-size: 24px!important;
    font-weight: 600;
    padding: 4px 10px;
}
.entry-content ul {font-size: 18px;}  
  
/* - MENU settings - */
.container.et_menu_container {width: 100%; padding-bottom: 10px;}
#et_mobile_nav_menu {margin-right: 20px;}
.et_header_style_left #et-top-navigation{padding-top: 14px;}
.et_pb_svg_logo #logo {height: 100%!important; position: absolute; margin-top: 6px;} 
#logo {margin-left: 10px!important; max-height: 84%!important;}
#menu-item-43 a {
  	padding: 10px!important;
    text-align: center;
}  
#menu-item-373 a, #menu-item-375 a {
  	padding: 4px!important;
    text-align: center;
}

.et_mobile_menu li a, .nav li li a {
    font-family: 'Exo 2', sans-serif!important;
    font-size: 18px;
    font-weight: 700;}  
#et-top-navigation {padding-left: 170px!important;}  

/*-- Contact form --*/  
p.et_pb_contact_field {margin-bottom: 6%;}  
.et_pb_contact p input, .et_pb_contact p textarea {padding: 10px; } 
.et_pb_contact p input, .et_pb_contact p textarea, .et_pb_contact_select {font-size: 14px; font-family: 'titillium-web Sans', sans-serif !important;}  
  
/*-- Widgets --*/

.kurssi-menu .et_pb_row .et_pb_column.et_pb_column_1_4 {
    width: 38%!important;
    margin: 0 10% 0px 0;
}
.kurssi-menu .et_pb_widget ul li, .kurssi-menu p {font-size: 16px;}  
.kurssi-menu h2 {font-size: 1.6em!important; text-align: left; }  

#kellari .et_pb_row_4col>.et_pb_column.et_pb_column_1_4 .et_pb_widget:nth-child(n) {margin: 0!important;} 
#kellari .et_pb_row .et_pb_column.et_pb_column_1_4, #kellari .et_pb_row .et_pb_column.et_pb_column_1_4 p {
    text-align: center!important;
    width: 100%!important;
    margin: 0 0 0 0!important;
}  
  
  
  
/* - Search form - */  
#et_search_icon:before {top: 14px;left: 15px;font-size: 20px;}  
.et_header_style_left .et-search-form {width: 100%!important;max-width: 100%!important; background: #e4f7fb!important;}  
.et_search_form_container {width: 100%!important;}  
.et-search-form input {right: 20px;}   
span.et_close_search_field {right: 14px;}  
.et-search-form input {font-size: 18px!important;}
  
  
  
}

@media only screen and (min-device-width : 320px) and (max-device-width : 480px){ #et_mobile_nav_menu {margin-right: 10px;}}