/*

	Theme Name: Planet X News

	Theme URI: http://www.planetxnews.com

	Author: Mike Smith

	Author URI: http://www.madebyguerrilla.com

	Description: Custom WordPress theme, created by Mike Smith for the Planet X News website. This is a child theme of the Clarity WordPress theme.

	Tags: responsive, one-column, two-columns, three-columns, custom-background, custom-menu, full-width-template, theme-options, threaded-comments

	Template: clarity-theme

	Version: 1.0.0

	Text Domain: planetxnews

*/



body {

	background: #000 url(images/bg_website.jpg) no-repeat top center;

	background-attachment: fixed;
	font-size: 14px;
	line-height: 19px;
	color: #101010;

}



a, a:visited {

	color: #bc2200;

}



a:hover {

	color: #101010;

}



a.btn, a.btn:visited {

	background: #bc2200;

	border-radius: 0;

	-moz-border-radius: 0;

	-webkit-border-radius: 0;

	color: #FFF;

	display: inline-block;

	line-height: 19px;

	padding: 10px;

}



a.btn:hover {

	background: #101010;

	color: #FFF;

}



@font-face {

    font-family: '28DaysLater';

    src: url('fonts/28%20Days%20Later_0-webfont.eot');

    src: url('fonts/28%20Days%20Later_0-webfont.eot?#iefix') format('embedded-opentype'),

         url('fonts/28%20Days%20Later_0-webfont.woff2') format('woff2'),

         url('fonts/28%20Days%20Later_0-webfont.woff') format('woff'),

         url('fonts/28%20Days%20Later_0-webfont.ttf') format('truetype'),

         url('fonts/28%20Days%20Later_0-webfont.svg#28_days_laterregular') format('svg');

    font-weight: normal;

    font-style: normal;

}



input#submit,

.wpcf7-submit {

	background: #bc2200;

	border-radius: 0;

	-moz-border-radius: 0;

	-webkit-border-radius: 0;

}



input#submit:hover,

.wpcf7-submit:hover {

	background: #101010;

}



.contentwrap .container {

	margin-top: 0;

	margin-bottom: 0;

}



.container {

	background: #FFF;

	width: 1310px;

	max-width: 100%;

	margin: 0 auto;

}



h1,

h2,

h3,

.post h1.title,

.post h2.title,

.page h1.title,

.page h2.title {

	font-family: '28DaysLater', 'Open Sans', Helvetica, Arial, sans-serif;

	font-weight: 400;

}



blockquote {

    color: #999;

    font-size: 16px;

    line-height: 22px;

    margin: 12px 40px 12px;

    padding: 0px 20px;

}



blockquote::before { display: none; }



/* Header */



.headwrap {

	background: transparent;

	padding: 40px 0;

}



.headwrap .container {

	background: transparent !important;

}



.headwrap .col4 {

	text-align: center;

	width: 98%;

}



.headwrap .col8 {

	width: 45.667%;

	display: none;

}



.logowrap img {

	margin: 12px 0 12px 0;

}



/* Navigation */



.navwrap {

	background: transparent;

}



.navwrap .container {

	background: transparent;

}



.navwrap .container .col12 {

	margin: 0;

	width: 100%;

}



.sf-menu {

	background: rgba(0,0,0,0.7);

	margin: 0;

	text-align: center;

	width: 100%;

}



.sf-menu li {

	float: none;

	display: inline-block;

}



.sf-menu li ul {

	border: 0;

	text-align: left;

}



.sf-menu li li {

	background: rgba(0,0,0,0.9);

}



.sf-menu a {

	color: #FFF;

	font-weight: 700;

	text-transform: uppercase;

}



.sf-menu li:hover,

.sf-menu li.sfHover,

.sf-menu a:focus,

.sf-menu a:hover,

.sf-menu a:active,

.sf-menu li:hover > a {

	color: #bc2200;

}



.sf-menu li.current-menu-item li a,

.sf-menu li.current-menu-item li a:visited,

.sf-menu li ul li.current-menu-item a,

.sf-menu li ul li.current-menu-item a:visited  {

	color: #FFF;

}



.sf-menu li.current-menu-item li a:hover,

.sf-menu li ul li.current-menu-item a:hover {

	color: #bc2200;

}



.sf-menu li li a,

.sf-menu li li a:visited {

	color: #FFF;

	font-weight: 400;

	text-transform: none;

}



.sf-menu li li a:hover {

	color: #bc2200;

}



/* CONTENT */



#content {

	padding: 0 10px;

	width: 56.333%;

}



#content.col12 {

	width: 98%; 

}



body.home h1.title { 

	display: none;

}



body.home #content h3 {

	font-size: 30px;

	line-height: 30px;

	margin: 12px 1%;

}



body.home h5 {

	font-weight: 400;

	font-size: 14px;

	line-height: 20px;

}



body.home .clear {

	height: 20px;

}



.homeblog { min-height: 222px; }



.attachment-slider {

	margin: 0px 0 12px 0;

}



.post.archivetitle {

	padding: 0;

	margin-bottom: 0;

}



.archivetitle h4 {

    font-family: "28DaysLater", "Open Sans", Helvetica, Arial, sans-serif;

    font-size: 30px;

	font-weight: 400;

    line-height: 40px;

    margin-top: 0;

}



div.post h1.title,

div.post h2.title,

div.page h1.title,

div.page h2.title {

	color: #bc2200;

}



div.post h1.title a,

div.post h1.title a:visited,

div.page h1.title a,

div.page h1.title a:visited,

div.post h2.title a,

div.post h2.title a:visited,

div.page h2.title a,

div.page h2.title a:visited {

	color: #bc2200;

}



div.post h1.title a:hover,

div.post h2.title a:hover,

div.page h1.title a:hover,

div.page h2.title a:hover {

	color: #101010;

}

.postinfo {
	color: #888;
}

.postinfo a,
.postinfo a:visited {
	color: #888;
}

.postinfo a:hover {
	color: #bc2200;
}

blockquote {
	color: #101010;
	font-size: 14px;
	line-height: 19px;
}


input#author,

input#email,

input#url,

textarea#comment,

.wpcf7-text,

.wpcf7-textarea,

.wpcf7-number,

.wpcf7-date,

.wpcf7-select,

.wpcf7-quiz {

	border-radius: 0;

	-moz-border-radius: 0;

	-webkit-border-radius: 0;

}



input#author:focus,

input#email:focus,

input#url:focus,

textarea#comment:focus,

.wpcf7-text:focus,

.wpcf7-textarea:focus,

.wpcf7-number:focus,

.wpcf7-date:focus,

.wpcf7-select:focus,

.wpcf7-quiz:focus {

	border: 1px solid #101010;

	box-shadow: 0 0 0 #FFF;

}



div.post.taglist a, div.post.taglist a:visited {

	background: #bc2200;

	border-radius: 0;

	-moz-border-radius: 0;

	-webkit-border-radius: 0;

	color: #FFF;

	display: inline-block;

	font-size: 14px;

	padding: 5px 10px;

}



div.post.taglist a:hover {

	background: #101010;

	color: #FFF;

}





/* SIDEBAR */



#sidebar {

	padding: 0;

	width: 23.0%;

}



.text_input {

	border-radius: 0;

	-moz-border-radius: 0;

	-webkit-border-radius: 0;

}



.text_input:focus {

	border: 1px solid #101010;

	box-shadow: 0 0 0 #FFF;

}



.widget h3 {

	font-size: 22px;

}



.widget select {

	background: #FFF;

	border: 1px solid #E1E1E1;

	border-radius: 0;

	-moz-border-radius: 0;

	-webkit-border-radius: 0;

	color: #666;

	float: left;

	margin: 0px;

	min-height: 14px;

	padding: 10px 3%;

	width: 100%;

	transition: all 0.5s ease 0s;

}



div.tagcloud a, div.tagcloud a:visited {

    background: transparent;

    border: 0;

    border-radius: 0;

	-moz-border-radius: 0;

	-webkit-border-radius: 0;

    float: left;

    margin: 5px;

    padding: 0;

}



div.tagcloud a:hover {

	background: transparent;

	color: #101010;

}



.postwidgettitle strong {

    font-weight: 400;

    font-size: 12px;

    line-height: 16px;

}



.col2 .widget {

	font-size: 14px;

	line-height: 20px;

}



.col2 .widget p {

	margin: 0;

	padding: 0 0 12px 0;

}



.col2 .widget ul li {

    border-bottom: 1px solid #f9f9f9;

    margin: 0 0 12px 0;

    padding: 0 0 12px 0;

}



.col2 .widget ul li a,

.col2 .widget ul li a:visited {

	color: #666;

}



.col2 .widget ul li a:hover {

	color: #bc2200;

}



.col2.mobilearoundtheweb { display: none; }



/* FOOTER */



.footerwrap {

	background: transparent;

}



.footerwrap .container {

	background: transparent;

}



a.scrollToTop {

	background: url(images/scrollToTop.png) no-repeat top center;

}



@media screen and (max-width: 768px) {

/* styles for devices with a maximum width of 768 */



	body.single .contentwrap .col2 {

		display: none;

	}

	

	.headwrap .col4 {

		width: 100%;

		margin: 0;

	}

	

	.logowrap img {

		float: none;

		margin: 12px 0;

	}

	

	.headwrap {

		padding: 0;

	}

	

	.headwrap .col8.headwidget {

		display: none;

	}

	

	.navwrap .container .col12 {

		padding: 0;

	}



	#content {

		float: left;

		margin: 0;

		width: 100%;

	}

	

	.col4.homeblog {

		float: left;

		margin: 10px 1%;

		width: 31.333%;

	}

	

	#sidebar {

		float: left;

		margin: 0;

		padding: 20px;

		width: 100%;

	}

	

	.col2 .widget {

		border-bottom: 0;

	}

	

	.footerwrap {

		background: url(images/bg_website.jpg) no-repeat center center;

		background-attachment: fixed;

	}

	

}





@media screen and (max-width: 468px) {

/* styles for devices with a maximum width of 468 */



	#mobnav-btn {

		margin: 10px;

	}

	

	.sf-menu.xactive {

		background: rgba(0,0,0,0.9);

		text-align: left;

	}

	

	li.sfHover ul.sub-menu li {

		background: rgba(0,0,0,0.9);

	}

	

	.contentwrap .container .col2 {

		display: none;

	}

	

	.col4.homeblog {

		float: none;

		width: auto;

		margin: 10px 0px;

		padding: 5px;

	}



	.contentwrap .container .col2.mobilearoundtheweb { display: inline-block; }



	.footerwrap center { display: none; }



	

}