html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}
li {list-style:square; margin:0.5em 0 0 2em;}
dt {margin:1em 0; font-weight:bold;}
dd {margin:0 1em; padding-left:1em; border-left:1px solid #ddd;}
th, td {padding:0.5em; border:1px solid #ddd;}
blockquote {margin:0 1em; padding-left:1em; border-left:1px solid #ddd;}
pre {font-family:monospace; background:#f8f8ff; padding:0.5em; overflow:auto;}
sup, sub {height:0; line-height:1; vertical-align:baseline; position:relative; font-size:10px;}
sup {bottom:1ex;}
sub {top:0.5ex;}
.left {float:left;}
.right {float:right;}
.clear {clear:both;}
body {color:#111;font-family: 'Libre Franklin', sans-serif;}
a {color:#f26522;}
a:hover{color: #c85118;}
p,.elementor-text-editor {line-height:1.6em;margin-bottom:10px;font-size: 18px;}
h1 {font-size:1.7em;}
h2 {font-size:1.3em;}
h3 {font-size:1.1em;}
h1 a {text-decoration:none;}
h1 a:hover {text-decoration:underline;}
h1,h2,h3,h4,h5,h6 {clear:both;font-weight:300;margin-bottom:10px;margin-top:40px;}
.elementor-heading-title, .elementor-widget-heading .elementor-heading-title{font-weight:300 !important;}
.elementor-widget-text-editor strong{font-weight:400;}
h1.alasivuotsikko{width: 99%;margin: 0 auto;font-weight: 300;margin-top: 20px;clear: both;max-width: 1200px;}
#container {width:100%; margin:0em auto;}
#header{width:100%;}
#header img{width:100%;max-width:100%;height:auto;}
#ribbon{width:100%;background-color: #f26522;height:50px;margin-top:-3px;}
#ribbon_container{width:100%;max-width:1200px;margin:0 auto;position:relative;}
#logo{float:left;position:absolute;top:-50px;}
.navbar{border:0;border-radius:0;}
.navbar-default{background-color: transparent;border-color: transparent;}
.container-fluid{padding:0;}
#nav{float:left;margin-left:165px;}
#nav ul{width:100%;margin:0 auto;max-width:100%;display:inline;height:50px;}
#nav ul li{display:inline-block;line-height:37px;margin:0;height:50px;}
#nav ul li:hover{background-color: #000;}
#nav ul li a{text-decoration:none;color: #FFF;font-weight:300;}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover {background-color: #000;}
#content ul{margin-bottom:20px;}
.flex-grid{display:flex;flex-wrap: wrap;justify-content: center;}
#box{margin-right:10px;flex-shrink: 0;flex-basis: 16%;min-width:240px;min-height:240px;align-items: center;justify-content: center;margin-top:10px;}
#adjust{padding:15px;}
#adjust p{line-height:1.4em;margin-bottom:5px;}
#adjust h2{padding-top:0;margin-top:0;font-size:26px;margin-bottom:5px;}
#box.main{background-color: #f26522;color: #FFF;font-weight:300;}
#box.main h2{font-weight:400;margin-bottom: 10px;color: #FFF;}
#box img{height:100%;width:100%;}
#box.main a{color: #FFF;text-decoration:underline;}
#box.main a:hover{color: #CCC;text-decoration:none;}
iframe{margin-top:50px;}
h1{font-size:36px;}
h2{font-size:30px;}
h3{font-size:24px;}
h1,h2,h3{color: #131313;}
.button{padding:15px;background-color: #f26522;margin-bottom:20px;margin-top:20px;display:inline-block;line-height: 1.6em;}
.button:hover{background-color: #000;}
a.button{color: #FFF;font-weight:300;}
#content {padding-top:2em;}
#orange_section{width:100%;background-color: #f26522;height:100px;}
#absolute_footer{width:100%;background-color: #f26522;min-height:200px;padding-top:20px;}
.wrapper{max-width:1200px;margin:0 auto;width:100%;padding-top:10px;}
.footer_block{width:50%;float:left;color: #FFF;    font-weight: 300;margin-top:0;}
.footer_block ul li:first-child{margin-top:0;}
.footer_block ul li{list-style:none;margin: 0.5em 0 0 0;}
.footer_block ul li a{color: #FFF;text-decoration:none;}
.footer_block ul li a:hover{color: #FFF;text-decoration:underline;}
div.some{text-align:center;width:350px;;margin:0 auto;margin-bottom:50px;}
div.somefollow{width:100%;margin:10px 0 -40px 0;height:40px;position:relative;z-index:99999;}
p.some{line-height:40px;float:left;font-size:1.3em;font-weight:300;margin-right: 20px;}
.some img, .somefollow img{width:40px;height:auto;float:left;margin-left:5px;}
#footer #some_flow{width:100%;max-width:1024px;margin:0 auto;}
.hentry, .meta, #respond {margin-bottom:2em; padding-bottom:1em;}
.widgets {margin-bottom:2em; border-bottom:1px solid #ddd;}
.widget {margin-bottom:2em;}
.pagination {text-align:center; margin:2em auto 1em auto;}
.pagination a {padding:3px 8px; border: 1px solid #ddd;}
.alignleft {display:inline; float:left; margin:0 1em 1em 0;}
.alignright {display:inline; float:right; margin:0 0 1em 1em;}
.aligncenter {display:block; margin:1em auto;}
.wp-caption {text-align:center; padding:0.5em; background:#ddd;}
.wp-caption-text, .gallery-caption {font-size:0.7em; margin:3px 0;}
.share_button{border-radius: 50%;behavior: url(//www.valasranta.fi/wp-content/themes/valasranta/PIE.htc);width: 40px;height: 40px;background: #f26522;color: #FFF; padding-top: 11px;text-align: center;font-size: 18px;margin-top: 0px;margin-right: 7px;float: left;color: #FFF;}
.share_button:hover{background: #000;}
.sticky {position: fixed;top: 0;width: 100%;z-index:9999;}
.sticky #logo{display:none;}
.sticky + .content { padding-top: 60px;}
.admin-bar .sticky {top: 32px;}
@media screen and (max-width: 920px) {
#logo img{position:relative;top:30px;left:10px;width:100px;z-index:99999999;}
#nav{float:left;margin-left:120px;}
#nav ul{width:100%;margin:0 auto;max-width:100%;}
#nav ul li{display:inline-block;line-height:50px;margin:0;}
#nav ul li:hover{background-color: #000;}
#nav ul li a{text-decoration:none;color: #FFF;font-weight:300;}
.nav>li>a{padding:15px 10px;}
}
@media screen and (max-width: 820px) {
#logo img{position:relative;top:30px;left:10px;width:100px;}
#nav{float:right;margin-left:0px;margin-right:10px;}
#nav ul{width:100%;margin:0 auto;max-width:100%;}
#nav ul li{display:block;line-height:50px;margin:0;border-bottom:1px solid #FFF;}
#nav ul li:hover{background-color: transparent;text-decoration:underline;}
#nav ul li a{text-decoration:none;color: #FFF;font-weight:300;padding-top:16px;}
.nav>li>a{padding:15px 10px;}
.navbar-default{width:100vw;text-align:center;border:0;}
.navbar-default .navbar-toggle .icon-bar {background-color: #FFF;}
.navbar-default .navbar-toggle{border-color: #FFF;}
.navbar-default .navbar-collapse, .navbar-default .navbar-form{border:0;}
.navbar-header {float: none;}
.navbar-left,.navbar-right {float: none !important;}
.navbar-toggle {display: block;}
.navbar-collapse {border-top: 1px solid transparent;box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);}
.navbar-fixed-top {top: 0;border-width: 0 0 1px;}
.navbar-collapse.collapse {display: none!important;}
.navbar-nav {float: none!important;margin-top: 7.5px;}
.navbar-nav>li {float: none;}
.navbar-nav>li>a {padding-top: 10px;padding-bottom: 10px;}
.collapse.in{display:block !important;background-color: #f26522;color:#FFF;}
.collapsing{background-color: #f26522;}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover {background-color: #f26522;}
p.some{margin-left:10px;}
}
@media screen and (max-width: 782px) {
.admin-bar .sticky {top: 46px;}
}
@media screen and (max-width: 767px) {
h1.alasivuotsikko{width:99%;}
#content .elementor h1, #content .elementor h2, #content .elementor h3, #content .elementor h4, #content .elementor p{text-align:left !important;}
center, #content .elementor-element-9f32c5e p{text-align:center !important;}
}
@media screen and (max-width: 665px) {
body{margin-bottom:-33px;}
#absolute_footer{min-height:460px;margin:0;}
.footer_block{width:99%;float:none;color: #FFF;font-weight: 300;text-align:center;}
.footer_block .alignleft{float:none;display:block;margin:0 auto;margin-bottom:10px;}
}
@media screen and (max-width: 600px) {
.admin-bar .sticky {top: 0px;}
}
@media screen and (max-width: 535px) {
#box{flex-basis: 90%;min-height:435px;}
}
@media screen and (max-width: 500px) {
#box{flex-basis: 90%;min-height:405px;}
}
@media screen and (max-width: 480px) {
#box{flex-basis: 90%;min-height:335px;}
}
@media screen and (max-width: 400px) {
#box{flex-basis: 90%;min-height:280px;}
}