/*
Theme Name: Kivaa blog 2016
Theme URI: http://wordpress.org/extend/themes/twentytwelve
Description: The 2010 theme for WordPress is stylish, customizable, simple, and readable -- make it yours with a custom menu, header image, and background. Twenty Ten supports six widgetized areas (two in the sidebar, four in the footer) and featured images (thumbnails for gallery posts and custom header images for posts and pages). It includes stylesheets for print and the admin Visual Editor, special styles for posts in the "Asides" and "Gallery" categories, and has an optional one-column page template that removes the sidebar.
Author: the WordPress team
Author URI: http://wordpress.org/
Template: twentytwelve
Version: 1.5
*/
h1 {font-family: 'Roboto Condensed', sans-serif; font-weight:bold!important; font-size: 35px!important;}
.widget h3 {color: #ff5e28; font-family: 'Roboto Condensed', sans-serif; font-size: 20px;text-transform: capitalize;    margin-bottom: 10px!important;
    line-height: 1.1em;}
/**HEADER**/
#masthead {background:url('images/header_bg.jpg'); no-repeat; padding:0px; border-top: 5px solid #f49900; border-bottom:7px solid #033e78;      background-size: cover; background-position: center bottom; min-height: 340px;}
.summer-bg{background:url('images/header_bg.jpg')!important; background-size:cover!important;}
.winter-bg{background:url('images/bg_likefinland_winter1.jpg')!important;background-size:cover!important;}
#site-navigation{    min-height: 85px;}
.top-container {    margin: 0 auto; max-width: 950px;}
#site-navigation {margin-top:0px; background:rgba(0, 69, 117, 0.79); color:#fff; overflow:hidden;}
#masthead hgroup {    margin: 0 auto;      margin-top: 40px;   text-shadow: rgba(6, 39, 72, 0.77) 3px 4px 15px;}
#masthead hgroup .site-title{margin-right:35px;}
#masthead hgroup .site-title,#masthead hgroup .site-description{display:inline-block; vertical-align: top;}
#masthead hgroup h1 {font-family: 'Roboto Slab', serif; font-size:36px; color:#fff; font-weight:bold; text-transform:uppercase;    text-align: center;     line-height: 1.5em;} 
#masthead hgroup .site-description {    max-width: 610px;     margin-left:20px;}
#masthead hgroup h2 {font-family: 'Roboto', sans-serif; font-size:24px; color:#fff;     text-align: center;line-height: 1.2em;} 
#masthead hgroup h3 {font-family: 'Roboto Condensed', sans-serif; font-size:20px; color:#fff; font-weight:bold;    text-align: center; text-transform:uppercase;  }
#navi-container{    margin: 0 auto; padding-top:20px;}
.top-kivaa {
    color: #fed989;
    float: left;
    font-family: 'Roboto Slab', serif;
}
#to-like-finland{float: left;
    margin-top: -5px;
    margin-left: 10px;}
.top-kivaa p {font-size: 14px;text-align: left; line-height: 1.7em;}
.top-kivaa strong a {font-size: 18px; color: #fecc00; text-decoration:none;}
.top-kivaa strong a:hover{color: #fecc00; text-decoration:underline;}
.top-menu {float:right;}
.menu-kivaa-navi-2016-container {float:left;}
.menu-kivaa-navi-2016-container  ul li a{color:#fff; text-transform:capitalize; font-family:'Roboto',sans-serif; font-size:16px;    text-decoration: none;}
.menu-kivaa-navi-2016-container  ul li a:hover{color:#fede00;}
.some-menu{ float:right;}
.some-menu.some-top{float: left;}
.nav-menu {display:inline-block;}
h3.menu-toggle, .menu-toggle:hover,.menu-toggle:active, .menu-toggle.toggled-on{
    background: none;
    margin-right: 0px;
    font-size: 24px;
    max-width: 45px;
	border:none;
	box-shadow:none;
	text-align: right;
    padding: 0px;
	color:#fff;
	float: right;
}
.toggled-on
.toggled-on {color:#fede00!important;}
h3.menu-toggle i {
    margin-right: 20px;
	    vertical-align: bottom;
}
.some-menu a {
    color: #fff;
    border: 1px solid white;
    width: 30px;
    height: 24px;
    border-radius: 20px;
    display: inline-block;
    padding-top: 7px;
    font-size: 17px;
	margin-right: 8px;
	
} 
.main-navigation ul.nav-menu.toggled-on {text-align:left; padding-left: 10px;
    padding-bottom: 10px;}
.main-navigation li {
    margin-top: 0px;
}
.some-menu a:hover {
    color: #fecc00;
    border-color: #fecc00;
}
@media screen and (max-width:600px){ .top-menu{width:100%;} .top-kivaa{margin-left:10px;} .main-navigation li {
    margin-top: 20px;}.the-bottom .container{padding-bottom:15px;}}
@media screen and (min-width: 600px){
.site ,hgroup,#navi-container,.container{
            max-width: 85.571429rem;
}}
@media screen and (max-width: 810px)
{
#masthead hgroup h2{font-size:16px;}
#masthead hgroup h1{font-size:28px!important;}
#masthead hgroup h3{font-size:12px;}
#masthead hgroup .site-title a img {width:110px;}
#masthead hgroup {margin-bottom: 25px; margin-top: 10px;}
#masthead hgroup .site-title{margin-right:10px; display: block;}
.some-top {display:none;}
}
/** FOOTER **/
.container {margin:0 auto; overflow:hidden;}
.some-bottom  a{text-align: center; font-size:17px!important;}
.some-bottom a{color:#fecc00!important; border-color:#fecc00!important;}
.some-bottom a:hover{color:#fecc00;}
.some-bottom {float:none!important; margin-bottom:45px;}
.some-bottom p{display: inline-block;  vertical-align: super; font-size: 12px; margin-right: 16px;}
footer {max-width:100%!important; border-top:none!important; padding-bottom: 0!important;}
.the-bottom{background:url('images/footer_bg.jpg'); color:#fff; min-height:230px;}
.the-bottom i {    font-size: 15px;}
.the-very-bottom {background:#3c3939; color:#656465; min-height: 25px; padding-top: 20px;padding-bottom: 20px;}
.the-very-bottom img{float:right;     margin-top: 5px; margin-right: 20px;}
.the-very-bottom p {float:left;     font-size: 12px;     font-family: Lucida sans; margin-top: 5px;}
.foot-left, .foot-left img, .foot-left p{float:left;}
.foot-left a {color:#fecc00; font-family:'Roboto Condensed',sans-serif; font-size:20px; font-weight:bold; text-transform:uppercase; text-decoration:none; line-height: 1.8em;}
.foot-left,.foot-right {    margin-top: 55px;}
.foot-left p {font-family:'Roboto', sans-serif; font-size:16px;     line-height: 1.7em; margin-left: 40px;}
.foot-right{float:right; font-family:'Roboto',sans-serif;   text-align:center;  max-width: 245px; }
.foot-right a{font-size:20px; color:#fecc00; text-decoration:none;     line-height: 1.1em;}
@media screen and (max-width: 915px)
{
.foot-left img    { margin-left: 35px;}
.foot-right{float:left;margin-bottom:10px; margin-left:40px; text-align:left;}
}
/** SISÄLTÖ PALSTA**/
@media screen and (min-width: 600px){
.site-content {
    width:71.504167%;
}

}
.site-content article {padding-bottom: 60px!important;    margin-bottom: 20px!important;}
#main {margin-top:30px;}
#primary {margin-top:0px;}

#page {box-shadow:none;}
body{background-color:#fff;}
/**WIDGET PALSTA**/
#secondary{margin-top:0px;}
#secondary #recent-posts-2, #secondary #recent-comments-2, #secondary #archives-2, #secondary #categories-2
{
background: #fbfbfb;
    padding: 15px;
	padding-top: 20px;
    padding-left: 30px;
    border: #f4f4f5 solid 2px;
	padding-bottom:30px;
}
#secondary a {font-family:'Roboto',sans-serif;font-size:12px; color:#033e78; text-decoration:none;     line-height: 1.65em;}
.side-banner{
background:url('images/side-banner.jpg');
background-repeat:no-repeat;
    background-size: cover;
    text-align: center;
   padding: 25px 30px;
}
.side-banner p {color: #fff;
    font-family: 'Roboto Condensed',sans-serif;
    font-weight: bold;
    font-size: 30px!important; 
	margin-top: 15px;
    margin-bottom: 25px!important; line-height:1.3em!important;}
.side-banner a{font-family:'Roboto',sans-serif; color:#fff!important; font-size:18px!important; font-weight:bold!important; text-transform:uppercase;}
.side-banner a:after {
    content: ' \f105';
    font-family: FontAwesome;
    font-size: 14px;
    font-weight: normal;
}
.widget-area, .widget {margin-bottom: 25px!important;}
.widget-area .widget li:before {
    background: #033E78;
    height: 8px;
    width: 8px;
    content: "";
    border-radius: 16px;
    margin-right: 20px;
	    float: left;
    margin-top: 6px;
}
.widget li {    line-height: 1.646153846;}
.widget-area .widget li a{display:table-cell;}
/**ARTIKKELIT**/
.site-content article, #comments {
    border: #f4f4f5 solid 2px;
    padding: 30px 35px;
    background: #fbfbfb;
}
.entry-header .entry-title a {
    color: #474747;
}
.author-info {
	border-top:none;
    border-bottom: 1px solid #ededed;
	padding-top:0px;
	    padding-bottom: 10px;
}
.archive-title {color: #474747;}
.vcard a{    text-decoration: none;
    color: #FF5E28;}
.date{display: inline-block;color: #FF5E28; font-family: 'Roboto Slab',serif;     margin-left: 4px;}
.author-description {  display: inline-block; float:none;}
.author-description ,.author-description p {
    color: #474747;
    font-family: 'Roboto Slab',serif;
    font-size: 14px;
	display: inline-block;
}
.author-description a{
    color: #FF5E28;
    text-decoration: none;
}
.author-avatar {margin-top:0px; display:inline-block; float:none; vertical-align: top;margin-right: 25px;}
.author-avatar img {border-radius:0px;}
.author-description .shareaholic-share-buttons-container.mini li.shareaholic-share-button[ng-repeat='sb in sharebuttons']{
    width: 150px !important; 	display: block!important;}
.author-description  .shareaholic-canvas .ng-scope .shareaholic-share-buttons-container .shareaholic-share-buttons-wrapper ul li.shareaholic-share-button.ng-scope[data-service='facebook']:after {
    content: 'Jaa Facebookissa';
    margin-left: 10px;
    vertical-align: text-bottom;
	    font-weight: bold;
    font-family: 'Roboto',sans-serif;
    font-size: 12px;
}
.author-description  .shareaholic-canvas .ng-scope .shareaholic-share-buttons-container .shareaholic-share-buttons-wrapper ul li.shareaholic-share-button.ng-scope[data-service='twitter']:after {
    content: 'Jaa Twitterissä';
    margin-left: 10px;
    vertical-align: text-bottom;
	    font-weight: bold;
    font-family: 'Roboto',sans-serif;
    font-size: 12px;
}
.wp-caption-text {
    color: #9c9c9c;
    font-family: 'Roboto Slab';
    font-size: 13px;
    font-style: normal!important;
}
.wp-caption {padding:0px; width:100%!important;}
article  {
    font-family: 'Roboto',sans-serif;
    font-size: 14px;
	color:#3c3c3c;
	margin-bottom:30px;
}
.entry-content a{    color: #00437a;
    text-decoration: none;}
.entry-content a:hover , .entry-meta a:hover{color: #00437a; text-decoration:underline;}

.entry-meta {    color: #3c3c3c!important;
    font-weight: bold;
    font-size: 14px!important;
    text-transform: capitalize;
	font-family:'Roboto',sans-serif;
	}
.comments-link a, .entry-meta a {
    color: #00437a;
    text-decoration: none;
    font-family: 'Roboto Slab';
    font-weight: normal;
}
.gallery .gallery-icon img {padding:0px;}
.entry-content p, .entry-summary p, .comment-content p, .mu_register p { line-height:1.5;}
.entry-content img {border-radius:0px; border:5px solid #e0e0e0; box-shadow:none;}
.entry-content h2 {font-size:18px; color:#ff5e2d; font-family:'Roboto',sans-serif; font-weight:bold;margin-bottom: 10px;}
.entry-summary .read-more{display:inline-block; text-decoration:none; line-height:1em; padding:0.7em 1em; background-color: #21759b; color: #fff; border-radius: 4px; }

#comments {    margin-top: 30px!important;}
#respond {margin-top:0px;}
#respond form {font-family: 'Roboto',sans-serif;}
#respond h3#reply-title {
    font-size: 1.5em;
    line-height: 1.5;
    font-family: 'Roboto Condensed',sans-serif;
}
#respond form input[type="text"]{line-height:1.2em;}
@media screen and (min-width: 600px){
#respond form input[type="text"] {
    width:100%;
}
#menu-item-12079{display:none;}
}
input#submit {    border: none;
    background: #F49900;
    color: white;
    font-family: 'Roboto Condensed',sans-serif;
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase;
}
input#submit:hover {
    background: rgba(244, 153, 0, 0.76);
}
span.nav-previous a, span.nav-next a {
    color: #9c9c9c;
    text-decoration: none;
    font-family: 'Roboto Condensed',sans-serif;
    font-size: 13px;
}

span.nav-next span, span.nav-previous span{display:table-cell;line-height: 1.5em;}
span.nav-previous a .fa{padding-left:0px!important;padding-right:5px;}
span.nav-next a .fa,span.nav-previous a .fa{
display: table-cell;
    padding-left: 5px;
    vertical-align: middle;
    font-size: 18px;
}
.entry-summary img {
    border-radius: 0px;
    border: 5px solid #e0e0e0;
    box-shadow: none;
	    max-width: 100%!important;
}
/**Mainokset**/
div#nagax img {
    max-width: 100%!important;
}
div#nagax {
    margin-bottom: 15px;
    max-width: 100%!important;
    float: left;
    margin-right: 10px;
}

html:not(.mobile-true) #main img:not(.animate-element, .ls-s-1),
html:not(.mobile-true) #header img,
html:not(.mobile-true) #bottom-bar img {
    opacity: 1 !important;
}
@media(max-width:599px){#to-like-finland{display:none;}}