/*
Theme Name: WooDizain Child
Description: Child theme for Ridizain
Author: Jari
Template: ridizain
*/

body { background:white; }

/* -- topmenu */
#topmenu { background:rgba(255,255,255,0.9); border-bottom:1px solid #ccc; }
#topmenu { position:fixed; top:0; left:0; z-index:100; width:100%; height:50px; line-height:50px; }
	#topmenux { -webkit-box-shadow: 0px 5px 10px -5px rgba(0,0,0,0.2); 
	-moz-box-shadow: 0px 5px 10px -5px gba(0,0,0,0.2); 
	box-shadow: 0px 5px 10px -5px gba(0,0,0,0.2); }
#brand { display:inline; margin:0 10px 0 20px; font-size:20px; cursor:pointer; }
#brand a { color:black; }
@media screen and (max-width: 609px) { #hormenu { display:none; } }
@media screen and (min-width: 610px)
{
	#hormenu { font-size:14px; display:inline; }
	#hormenu ul { display:inline; cursor:default; }
	#hormenu li { border-bottom-color:white; display:inline; margin-left:10; padding-bottom:2px; cursor:pointer; }
	#hormenu li:hover, #hormenu li.active { border-bottom:2px solid black; }
	#hormenu a  { color:black; }
	/* #hormenu a:hover, #hormenu a.active { color: #0077dd; } */
	#hormenu li { -webkit-transition: border-bottom-color 0.5s !important;
		 -moz-transition: border-bottom-color 0.5s !important;
		 transition: border-bottom-color: 0.5s !important; }
	#wamcloud { float:right; margin-right:20px; }
}

/* -- frontpage */
/* #frontpage section { height:200px; border:1px solid black; } */
#frontpage .title {
	font-family:"open sans"; letter-spacing:-1px; text-align: center;
	position: absolute; left: 50%; top: 50%;
	-webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%);
	}
#frontpage .title span { font-size:14px; letter-spacing:0; }
#tagline { font-size:16px !important; }
#grid2 div { display:inline; }
#frontpage .button { border:1px solid white; margin:15px 10px 0 0; display:inline-block; 
	font-size:14px; padding:5px 20px; letter-spacing:0; border-radius:3px; 
	cursor:pointer; color:white; text-decoration:none; }
#frontpage .button:hover { background:rgba(255,255,255,0.2); }
#group1 .title { margin-top: -50px; }

#group2 span { font-size:18px; }
.grid3 { width:600px; margin:20px auto; font-size:16px; }
.grid3 div { letter-spacing:0; line-height:1.1em; font-weight:100; 
	padding:10px; border:0px solid rgba(0,0,0,0.1); width:30%; 
	min-height:130px; line-height:140px; }
.grid3 div > span { display:inline-block; vertical-align:middle; line-height:20px; }
.grid3 div:nth-child(1) { float: left; }
.grid3 div:nth-child(2) { display: inline-block; }
.grid3 div:nth-child(3) { float: right; }
#backlayer div { background:rgba(0,0,0,0.025); height:400px; width:30%; 
	border:0px solid rgba(0,0,0,0.1); } 

#group4 { color:white; line-height:40px; letter-spacing:0; }
#group4 span { font-size:30px; line-height:26px; }
.grid4 { display:inline-block; margin:20px auto; font-size:12px; }
.grid4 div { width:130px; float:left; padding:0 !important;
	margin-right:2px; cursor:pointer; line-height:40px; height:40px; }
#sitecredits { font-size:12px; font-weight:300; position:absolute; bottom:0; right:15px;
	color:rgba(255,255,255,0.25); letter-spacing:0; }

/* -- custom sidebar */
.widget li { cursor:pointer; }
h1.widget-title { margin-bottom:5px !important; cursor:default; }
aside.widget { margin:0 10px 10px 10px !important; }
aside.widget_search { margin:0 0 20px 0 !important; }
.widget li:hover { color:orange; }
#secondary { margin:0 0 0 -100%; padding:0 10px 0 0; widthJJK:200px !important; }
.primary-sidebar { background:#eee; padding:10px 10px 0 10px; position:fixed; 
	height:100%; }

/* -- page content (common) */
#main { margin-top:50px; }
#content { margin-leftJJK:220px; }
.entry-header, .entry-content, .comments-area { margin-left:0 !important; }
.entry-title { margin-top:10px; }
.entry-content p { text-align:justify; font-size:15px; color:#4a4a4a !important; }
.entry-content li { font-size:15px; color:#4a4a4a !important; }
.comment-reply-title { padding-top:5px; margin-bottom:12px !important; }
.comment-notes { margin-bottom:12px !important; }
.comments-area { max-width:600px; background:#fdfdfd; border-top:1px solid #eee; }
#commentform label { font-size:83%; color:#777; }

/* -- wamsynths */
#synthcategory ul { margin-left:-20px; }
#synthcategory h1.widget-title { color:#fff; }
#synthcategory li { padding:2px 0; padding-left:20px; }
#synthcategory li.active { background:#2D2E30; color:lightgreen; }
#synthcategory li { color:#ddd; }
#synthcategory li:hover { color:lightgreen; }
#primary-sidebar-2 { background:#3C3F41; width:180px; }
#content-2 { margin-leftJJK:200px; }
bin-packing-grid { margin:10px 0 0 30px; }
bin-packing-item { cursor:pointer; background-size:100%; }
.bin-item-overlay { box-sizing:border-box; background:rgba(0,0,0,0.4); padding:5px 0 0 10px; 
	width:250px; position:absolute; top:0; color:white; pointer-events:none; }
#bin-containerx { margin:10px 0 0 30px; position:relative; }
.bin-item { width:250px; height:250px; border:1px solid black; float:left; position:relative;
	margin-right:10px; margin-bottom:10px; cursor:pointer; background-size:100%; }

/* -- wamsynth */
#wp-frontpanel { margin:0 0 20px 30px; display:inline-block; }
#synthname { text-transform:none; color:black; }
.wam-credits { list-style:none; padding:0; margin:10 0; }
iframe { float:left; width:300px; height:183px; padding-right:5px; }
.dx7patches select { width:160px; }
.pushbtn { background-color:#fff; color:#222; border:1px solid #777; border-radius:4px; heightx:26px; margin-bottom:10px; cursor:pointer; 
font-size:12px; padding:2px 4px; width:100px; text-align:center; user-select:none; -moz-user-select:none; -webkit-user-select:none; }
.pushbtn:hover { color:#222; }

#synthlist h1 { margin-bottom:5px !important; }
#synthlist li { padding-bottom:0; }
#synthlist h1, #synthlist a { color:#aaa; }
#synthlist a:hover { color:lightgreen; }

/* -- developers */
#primary-sidebar-3 { width:180px; }
.devmenu li.active { color:orange; }
.devpage img { max-width:400px; }
.devpage li { text-align:justify; font-size:15px; color:#4a4a4a !important; }
.devpage h4 { font-weight:300; color:#000 !important; border-bottom:1px solid #ccc; }