/*
Theme Name: ATTN (Viewport Child)
Description: Child theme for the Viewport theme used for ATTN
Author: Freddie Harrison
Template: viewport
Version: 1.2
*/

@import url("../viewport/style.css");

/* =Theme customization starts here
-------------------------------------------------------------- */

/* Use Roboto and tweak typography
-------------------------------------------------------------- */


body {
	font: 15px/140% 'Roboto', sans-serif;
	font-weight: 300;
	background: #fff;
	color: #4c4d51;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: 'Roboto', serif;
	color: #202222;
	font-weight: 900;
	padding: 0;
}

.feature.dark .feature-content h2 a,
.feature.dark .feature-content h1 span {
    font-weight: 900;
}

.feature.light .feature-content h2 a, 
.feaure.light .feature-content h1 span {
	font-weight: 900;
}

.feature-content {
	font-weight: 900;
}

.feature-content h1, 
.feature-content h2 {
	display: block;
	font-weight: 900;
	font-family: 'Roboto', serif;
	font-size: 34px;
	text-transform: uppercase;
	line-height: 49px;
	max-width: 450px;
} 

.feature-content h2 a,
.feature-content h1 span {
    font-weight: 900;
}

#primary-menu a {
	font-family: 'Roboto Condensed', serif;
	font-weight: 300;
	border-bottom: none;
	font-size: 14px;
	text-transform: uppercase;
}

#primary-menu a:hover,
#primary-menu .sfHover > a,
#primary-menu .current-menu-item > a { 
	border-bottom: none;
	color: #00cb7b; 
}

blockquote {
	font-family: 'Roboto', serif;
	color: #787a7b;
	font-style: italic;
	padding: 0 40px;
	margin: 30px 0;
	font-size: 16px;
	line-height: 24px;
	font-weight: 900;
}

.entry-title, 
.entry-title a {
	font-family: 'Roboto', serif;
	font-size: 26px;
	line-height: 28px;
	font-weight: 900;
	color: #202222;
	text-decoration: none;
	border: 0;
	text-transform: uppercase;
}

body.home .entry-title,
body.home .entry-title a,
body.page-template-template-home-fullwidth-php .entry-title,
body.page-template-template-home-fullwidth-php .entry-title a {
	font-size: 20px;
	line-height: 22px;
}

#content .entry-title a:hover {
	background: transparent;
	border-bottom: none;
}

#footer .footer-widgets li a {
	color: #aeaeae;
	font-weight: 900;
	font-family: 'Roboto', Serif;
}

#sidebar .zilla_video_widget .zilla_video_desc {
	text-align: center;
	font-family: 'Roboto', serif;
	font-size: 14px;
	font-weight: 900;
	line-height: 22px;
	color: #cfcfcf;
}

/* Fix for image vertical spacing
-------------------------------------------------------------- */

img.alignleft {
	float: left;
	margin: 2px 25px 2px 0;
}

img.alignright {
	display: block;
	margin: 2px 0 2px 25px;
}

img.aligncenter {
	display: block;
	clear: both;
	margin: 2px auto;
}

img.alignnone {
    display: block;
    margin: 2px 0;
}

/* Remove top border from content and add bottom border to sticky nav
-------------------------------------------------------------- */

#content { 
	padding-top: 10px;
	border-top: 0px solid #242626;
}	

#header { 
	background: rgba(255,255,255,0.95);
	border-bottom: 1px solid #2d2e2e;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 1;
}

#header .inner {
	max-width: 960px;
	margin: 0 auto;
	width: 100%;
	z-index: 1000;
}

/* Ensure responsive sticky nav
-------------------------------------------------------------- */

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

	#header .inner { 
		max-width: 605px; 
		width: 100%
		margin: 0 auto;
		z-index: 1;
	}

	#primary-nav .menu-dropdown {
	    max-width: 40px;
	    width: 100%
	    position: absolute;
	    display: block;
	}
	
}

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

	#header .inner { 
		max-width: 300px; 
		width: 100%
		margin: 0 auto;
		z-index: 1;
	}

	#primary-nav { 
	    right: 0px;
	    width: 300px; 
	}

}


/* Further sticky nav tweaks
-------------------------------------------------------------- */

#container { 
	margin-top: 75px;
}

#feature-wrapper { 
	margin-top: 75px;
}

body.single #content {
	margin-top: 0px;
}

body.single #feature-wrapper {
	margin-top: 75px;
}

body.archive #content {
	margin-top: 75px;
}

body.page-template-template-contact-php #content { 
	margin-top: 75px;
}


/* Remove footer widgets area
-------------------------------------------------------------- */

#footer-feature-wrapper {
	width:960px;
	margin: 0 auto;
	padding: 0px 0 0px 0;
	position: relative;
}

#footer-feature-wrapper .caroufredsel_wrapper { 
    background: #202222;
    padding-bottom: 0px;
}

.footer-widgets {
	background: #202222;
	padding: 0px 0 0px 0;
}