/*
	Theme Name: Masternode Reviews
	Theme URI: http://masternodereviews.com
	Description: Masternode Reviews Theme
	Version: 1.0.0
	Author: Michael Woodward
*/

@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,600,700');


* { padding: 0; margin: 0; outline: none; box-sizing: border-box; font-size: 16px; line-height: 20px; font-family: 'Open Sans', sans-serif; color: #E4E4E4; }
body { background: #202529; }
p { margin-top: 30px; }


div.container { }
	.inner { max-width: 96%; width: 1400px; margin: 0 auto; }
	.clear { clear: both; }

table.dataTable thead th { padding: 8px 20px 8px 0 !important; border-bottom:#2D3337 1px solid !important; text-align: center; }

table.dataTable tbody td { padding: 2px !important; border-top:none !important; text-align: right; }
table.dataTable tbody td img { margin-top:4px; }

table.dataTable tbody td:nth-child(1) { text-align: left; }
table.dataTable tbody td:nth-child(2) { text-align: left; }
table.dataTable tbody td:nth-child(3) { text-align: left; }

table.dataTable tbody tr:nth-child(even) { background:#2D3337 !important; }

div.container header { background: #32383D; }
	div.container header div.inner a { float:left; }
	div.container header div.inner a img { margin: 60px 0; }
	.nav-btn { display: none; }
	div.container header div.inner ul { float: right; list-style: none; margin-top: 60px; }
	div.container header div.inner ul li { display: inline-block; margin-left: 40px; position: relative;}
	div.container header div.inner ul li a { letter-spacing: 1px; color:#A1B4C4; text-transform: uppercase; display: block; text-decoration: none; font-size: 13px; line-height: 60px; }
	div.container header div.inner ul li a:hover { color:#FFF; }

		div.container header div.inner ul li ul { display: none; background: #1A1E22; width:180px; position: absolute; top: 60px; left: 0; margin: 0; border-radius: 5px; }
		div.container header div.inner ul li:hover ul { display: block; }
		div.container header div.inner ul li ul li { display: block; margin-left: 0; }
		div.container header div.inner ul li ul li a { font-size: 12px; padding: 0 20px 20px 20px; line-height: 16px }
		div.container header div.inner ul li ul li:first-of-type a { padding: 20px; }


div.container div.content { background: #202529; }
	div.container div.content div.inner { padding: 60px 0; }
	div.container div.content div.inner div.content-left { float: left; width:70%; }
	div.container div.content div.inner div.content-left.front-page { width: 100%; }
	div.container div.content div.inner div.content-left h1 { font-weight: normal; font-size:40px; line-height: 40px; }
	div.container div.content div.inner div.content-left h2 { font-weight: normal; font-size:30px; line-height: 30px; margin-top: 60px; }
	div.container div.content div.inner div.content-left h2 * { font-weight: normal; font-size:30px; line-height: 30px; }
	div.container div.content div.inner div.content-left h3 { font-weight: normal; font-size:24px; line-height: 24px; margin-top: 60px; }
	div.container div.content div.inner div.content-left h3 * { font-weight: normal; font-size:30px; line-height: 30px; }
	div.container div.content div.inner div.content-left ul { margin: 20px; }
	div.container div.content div.inner div.content-left ol { margin: 20px; }


	div.container div.content div.inner div.content-right { float: right; width: 25%; background: #82CFD8; padding: 20px; border-radius: 10px; word-break: break-word; }
	div.container div.content div.inner div.content-right * { color:#FFF; }
		div.container div.content div.inner div.content-right h2 { text-transform: uppercase; font-weight: normal; }

	/* homepage table */
	.posts-data-table td, .posts-data-table th { vertical-align: middle; }
	table.dataTable thead th, table.dataTable thead td { text-transform: uppercase; font-size: 13px; vertical-align:middle; }
	table.dataTable tbody th, table.dataTable tbody td { text-transform: uppercase; font-size: 13px; color: #A1B4C4; border-top:1px solid #ddd; vertical-align:middle; }
	table.dataTable tbody th, table.dataTable tbody td p { text-transform: uppercase; font-size: 13px; color: #A1B4C4; vertical-align:middle; }
	table.dataTable tbody th, table.dataTable tbody td span.positiveChange { font-weight: bold; text-transform: uppercase; font-size: 13px; color: #1BC6B4; vertical-align:middle; }
	table.dataTable tbody th, table.dataTable tbody td span.negativeChange { font-weight: bold; text-transform: uppercase; font-size: 13px; color: #b94a48; vertical-align:middle; }
	table.dataTable tbody th, table.dataTable tbody td a { text-transform: uppercase; font-size: 13px; color: #A1B4C4; text-decoration: none; }
	table.dataTable tbody th, table.dataTable tbody td a:hover { color:#FFF; }
	.dataTables_filter label { color:#A1B4C4; }
	.dataTables_filter input { border-radius: 5px; border:none; }
	.posts-table-controls .dataTables_info { color:#A1B4C4 !important; }

	/* single */
	div.container div.content div.inner div.content-left img.nodelogo { float: right; }
	div.container div.content div.inner div.content-left div.intro { }
	div.container div.content div.inner div.content-left div.rating-overview { background:#373B3F; padding: 15px 30px; border-radius: 10px; margin: 50px 0; }
	div.container div.content div.inner div.content-left div.rating-overview ul { list-style: none; margin: 0; }
	div.container div.content div.inner div.content-left div.rating-overview ul li { line-height: 40px; }
	div.container div.content div.inner div.content-left div.rating-overview ul li span { float: right; line-height: 40px; }
	div.container div.content div.inner div.content-left div.info-block { }
	div.container div.content div.inner div.content-left div.info-block h2 { }
	div.container div.content div.inner div.content-left div.info-block p { }
	div.container div.content div.inner div.content-left div.info-block h3 { }

	div.container div.content div.inner div.node-sidebar { float: right; width: 25%; word-break: break-word; margin-top: 70px; }
	div.container div.content div.inner div.node-sidebar div.block { }

	div.container div.content div.inner div.node-sidebar div.block ul { list-style: none; margin: 0; }
	div.container div.content div.inner div.node-sidebar div.block ul li { color: #707070; font-weight: 600; }
	div.container div.content div.inner div.node-sidebar div.block ul li span { float: right; }
	div.container div.content div.inner div.node-sidebar div.block ul li span strong { }

	div.container div.content div.inner div.node-sidebar div.block.block-rank { border-bottom:#373B3F 1px solid; }
	div.container div.content div.inner div.node-sidebar div.block.block-rank ul { margin-bottom: 30px; }
	div.container div.content div.inner div.node-sidebar div.block.block-rank ul li { }
	div.container div.content div.inner div.node-sidebar div.block.block-rank ul li span { margin-top: -10px; font-size: 40px; color:#717171; font-weight: 700; }
	div.container div.content div.inner div.node-sidebar div.block.block-rank ul li span i { font-size: 20px; color:#E4E4E4; font-weight: 600; margin-right: 10px; font-style: normal; }
	div.container div.content div.inner div.node-sidebar div.block.block-rank ul li span strong { font-size: 40px; color:#E4E4E4; font-weight: 700; margin-right: 10px; }

	div.container div.content div.inner div.node-sidebar div.block.block-stats { border-bottom:#373B3F 1px solid; }
	div.container div.content div.inner div.node-sidebar div.block.block-stats ul { margin: 20px 0; }
	div.container div.content div.inner div.node-sidebar div.block.block-stats ul li { line-height: 40px; font-weight: 700; }
	div.container div.content div.inner div.node-sidebar div.block.block-stats ul li span { line-height: 40px; color:#578E5A; font-weight: 700; }

	div.container div.content div.inner div.node-sidebar div.block.block-explorer { border-bottom:#373B3F 1px solid; padding: 20px 0; }
	div.container div.content div.inner div.node-sidebar div.block.block-explorer a { color:#D4D4D4; text-decoration: none; display: block; }
	div.container div.content div.inner div.node-sidebar div.block.block-explorer a:hover { color:#707070; }
	div.container div.content div.inner div.node-sidebar div.block.block-explorer a:after { content: ">"; float: right; }

	div.container div.content div.inner div.node-sidebar div.block.block-exchanges { }
	div.container div.content div.inner div.node-sidebar div.block.block-exchanges h3 { margin: 30px 0; color:#717171; font-weight: 400; font-size: 20px; }
	div.container div.content div.inner div.node-sidebar div.block.block-exchanges ul { margin: 20px 0; }
	div.container div.content div.inner div.node-sidebar div.block.block-exchanges ul li { font-weight: 400; padding-left: 20px; color:#D4D4D4; line-height: 44px; margin-bottom: 20px; background: #25292D; }
	div.container div.content div.inner div.node-sidebar div.block.block-exchanges ul li a { color:#D4D4D4; float: right; line-height: 44px; background:#578E5A; padding: 0 15px; text-transform: uppercase; text-decoration: none; }
	div.container div.content div.inner div.node-sidebar div.block.block-exchanges ul li a:hover { background:#707070; }

	div.container div.content div.inner div.node-sidebar div.block.block-links { }
	div.container div.content div.inner div.node-sidebar div.block.block-links h3 { margin: 30px 0; color:#717171; font-weight: 400; font-size: 20px; }
	div.container div.content div.inner div.node-sidebar div.block.block-links ul { margin: 20px 0; }
	div.container div.content div.inner div.node-sidebar div.block.block-links ul li { font-weight: 400; padding-left: 20px; color:#D4D4D4; line-height: 44px; margin-bottom: 20px; background: #25292D; }
	div.container div.content div.inner div.node-sidebar div.block.block-links ul li a { color:#D4D4D4; float: right; line-height: 44px; background:#4A4A4A; padding: 0 19px; text-transform: uppercase; text-decoration: none; }
	div.container div.content div.inner div.node-sidebar div.block.block-links ul li a:hover { background:#707070; }


	div.container div.content div.inner div.node-sidebar div.block a { }
	div.container div.content div.inner div.node-sidebar div.block h3 { }
	div.container div.content div.inner div.node-sidebar div.block ul li a { }
	div.container div.content div.inner div.clear { }


	/* news area */
	.newsarticle { }
	.newsarticle h2 a { text-decoration: none; }
	.newsarticle h2 a:hover { color:#82CFD8; }
	.newsarticle p a:hover { color:#82CFD8; text-decoration: none; }



div.container footer { background: #32383D; padding: 50px 0; }
	div.container footer div.inner { }
	div.container footer div.inner p { text-align: center; color: #A1B4C4; text-transform: uppercase; font-size: 13px; margin-top: 0; }




@media screen and (max-width: 1000px) {
	
	div.container div.content div.inner div.content-left { width:100%; float: none; }
	div.container div.content div.inner div.content-right { width:100%; float: none; margin-top: 50px; }
	div.container div.content div.inner div.node-sidebar { width:100%; float: none; }
	
	.nav-btn { display: block; float: right; width: 40px; height: 40px; background:#202529; cursor: pointer; margin-top: 50px; border-radius: 5px; text-align: center; }
	.nav-btn:after { content: "\f0c9"; font-family: "FontAwesome"; color:#FFF; line-height: 40px; font-size: 24px; }
	
	div.container header div.inner a img { margin: 40px 0; }
	
	div.container header div.inner ul { display: none; float: left; width: 100%; margin-top: 0px; }
	div.container header div.inner ul li { display: block; width: 100%; float: left; margin-left: 0; }
	div.container header div.inner ul li a { line-height: 40px; display: block; }

		div.container header div.inner ul li ul { display: block !important; background: #1A1E22; width:100%; float: left; position: relative; top: 0; left: 0; margin: 0; border-radius: 0px; }
		div.container header div.inner ul li:hover ul { display: block; }
		div.container header div.inner ul li ul li { display: block; margin-left: 0; }
		div.container header div.inner ul li ul li a { font-size: 12px; padding: 0 20px 20px 20px; line-height: 16px }
		div.container header div.inner ul li ul li:first-of-type a { padding: 20px; }
	
}