/*
Theme Name: Raumagame
Author: Juho Ruohola
Description: Raumagame theme for Wordpress
Version: 1.0.0
*/

/* YLEISET */
body{margin:0px;font-size:16px;background:url("img/tausta_harmaa.jpg") no-repeat fixed center/cover;color:#222;font-family:"Open Sans",Helvetica,Arial,sans-serif;font-weight:300;}
div, section, article{box-sizing: border-box;}
img{max-width:100%;height:auto;}
.alignleft{float:left;margin-right:10px;margin-bottom:10px;}
a{color:#00009b;text-decoration:none;transition: all 0.5s ease-out;}
a:hover{text-decoration:none;}
h1,h2,h3,h4,h5,h6{font-weight:700;text-transform:uppercase;color:#00009b;margin-top:1.5em;margin-bottom:1em;line-height:1.1;}
h1{font-size:1.5em;margin-top:0px;}
h2{font-size:1.1em;clear:both;}
h3{font-size:1em;}
.sidebar h2{margin-top:0px;}
table,td{border-color:transparent;}
footer{background: #ffa700; 
background: -moz-linear-gradient(top, #ffa700 0%, #ffcd00 100%);
background: -webkit-linear-gradient(top, #ffa700 0%,#ffcd00 100%);
background: linear-gradient(to bottom, #ffa700 0%,#ffcd00 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffa700', endColorstr='#ffcd00',GradientType=0 );
font-size:0.8em;}
.alignright{float:right;margin-left:20px;margin-bottom:10px;}


/* NAVI */
.langlinks{color:#ccc;font-size:0.8em;text-align:center;text-transform:uppercase;font-weight:700;margin-bottom:10px;}
.langlinks a{color:#fff;text-shadow:0px 0px 4px #000;}
#mainmenu{
background: #ffa700; 
background: -moz-linear-gradient(top, #ffa700 0%, #ffcd00 100%);
background: -webkit-linear-gradient(top, #ffa700 0%,#ffcd00 100%);
background: linear-gradient(to bottom, #ffa700 0%,#ffcd00 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffa700', endColorstr='#ffcd00',GradientType=0 );
color:#00009b;margin-bottom:10px;text-align: center;position:relative;box-shadow:2px 2px 10px #333;}
#mainmenu a{color:#00009b;font-weight:700;padding:15px 20px;display:block;}
#mainmenu ul{padding:0px;margin:0px;}
#mainmenu li{list-style:none;display:inline-block;margin:0px;transition: all 0.5s ease-out;}
#mainmenu li:hover, #mainmenu li.current_page_item{background:#00009b;color:#fff;}
#mainmenu li:hover a, #mainmenu li.current_page_item a{color:#fff;}
#responsive-menu-container #responsive-menu li.responsive-menu-item .responsive-menu-item-link{text-transform:uppercase;font-weight:700;}
#mainmenu .sub-menu{display:none;}


/* TÄSMÄ */
.wrap{width:960px;max-width:100%;margin:0px auto;}
header, footer{padding:20px;position:relative;clear:both;}
header{padding-bottom:40px;}
header .inner{text-align:left;}
footer .inner{padding:0px;}
.pagewrap{box-shadow:2px 2px 10px #333;}
.content-wrap{max-width:100%;margin:0px auto;background:#fff;overflow:auto;padding: 40px 20px;}
.headerphoto{max-width:100%;margin:0px auto;}
.mainlogo{display:inline-block;margin:0px auto;width:420px;max-width:100%;transition:all 0.5s ease-out;}
.mainlogo:hover {transform: scale(1.1,1.1);}
.heateorSssSharingArrow{display:none;}
.heateor_sss_sharing_ul li i{margin-left: 5px !important;}
.postdate{color:#aaa;font-size:0.8em;display:block;margin-top:40px;}
.nf-before-form-content{color:#999;font-size:0.8em;display:block;margin:10px 0px 20px 0px;}
.nf-form-content input, .nf-form-content textarea{font-size:16px;color:#222;font-family:"Open Sans",Helvetica,Arial,sans-serif;font-weight:300;padding:5px;}
.rakennukset{text-align: center;}
.rakennukset img {max-width: 58px;margin: 5px;}
.adblock{text-align:center;margin-top:40px;}
.newslink a{color:#aaa;font-size:0.8em;display:block;margin:10px 0px;}
.lisatiedot{color:#aaa;font-size:0.9em;display:block;margin:0px 0px 10px 0px;}
.sidebar{margin-top:40px;}
.sidebar ul, .sidebar ul li{list-style:none;padding-left:0px;}
.sidebar li{margin-bottom:10px;line-height:1.1;}
.page-template-page-archive li h3{margin-top:0px;margin-bottom:10px;line-height:1.1;text-transform:none;}
.grid-sizer{width:50%;}
.grid-item{width:100%;font-size:0.8em;}
.grid-item .inner{padding:0px 10px 20px 10px;}
.grid-item h2{margin:0px 0px 5px 0px;}
.page-id-165 .sidebar{display:none !important;}
.page-id-165 .content-wrap article{width:100% !important;}
.page-id-167 .sidebar{display:none !important;}
.page-id-167 .content-wrap article{width:100% !important;}

/* RESPO */
@media screen and (orientation:landscape){
}

@media screen and (orientation:portrait){
}

@media screen and (min-width:480px){
.grid-item{width:50%;}
.grid-item .inner{padding:0px 20px 30px 0px;}
}

@media screen and (min-width:640px){
body{margin:10px;}
header{padding-bottom:40px;}
header .inner{text-align:center;}
footer .inner{max-width:100%;width:640px;margin:0px auto;}
}

@media screen and (min-width:768px){
.content-wrap{padding: 40px 40px;}
.langlinks{text-align:right;}
body{font-size:18px;}
.home .content-wrap{}
/*.heateor_sss_sharing_ul:before {content: "Jaa";color:#333;float:none;}*/
.heateor_sss_sharing_ul li i{margin-top: 5px !important;margin-left:0px !important;}
.flockler-wall-item{width:33.3% !important;}
.content-wrap article{width:67%;float:left;padding-right:20px;}
.content-wrap .frontgrid{width:67%;float:left;padding-right:0px;}
.sidebar{width:33%;float:left;padding-left: 40px;margin-top:0px;}
}