/*
Theme Name: Fact.Memory.Testimony.
Theme URI: http://factmemorytestimony.com
Description: Custom child theme created by Austin Creative Inc.
Author: Austin Creative Inc
Author URI: http://austincreativeinc.com
Template: kula
Version: 0.1
*/

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


/* CUSTOM TYPOGRAPHY
--------------------------------------------------*/

#logo-default {
    font-size: 30px;
    font-weight: 800;
}

#uber-statement {
	font-size: 100px;
  	border-bottom: medium double #FFF;
    	line-height: 0.9;
    	margin-top: 120px;
    	padding-bottom: 110px;
}

h1 { 
	font-size: 80px;
}

#services h2 {
	font-size: 25px;
}

/* STICKY HEADER
--------------------------------------------------*/

#header-sticky-container {
	position: relative;
	z-index: 1000;
	width: 100%;
}  

.social-icons {
	float: right;
	display: inline-block;
	margin-top: 20px;
}

#header-navigation[role="navigation"] {
	font-size: 12px;
	font-weight: 800;
	text-transform: uppercase;
}


/* NEW PADDING RELATED TO STICKY HEADER
--------------------------------------------------*/

#services {
	background: #fff;
	padding: 140px 0;
	position: relative;
	z-index: 300;
	-webkit-box-shadow: 0px 0px 13px 0px rgba(0, 0, 0, .9);
	box-shadow: 0px 0px 13px 0px rgba(0, 0, 0, .9);
	border-top: 10px solid #000;
	border-bottom: 10px solid #000;
}

#latest-work {
	background: #fff;
	padding: 140px 0;
	position: relative;
	z-index: 300;
	-webkit-box-shadow: 0px 0px 13px 0px rgba(0, 0, 0, .9);
	box-shadow: 0px 0px 13px 0px rgba(0, 0, 0, .9);
	border-top: 10px solid #000;
	border-bottom: 10px solid #000;
}

#latest-news {
	background: #fff;
	padding: 140px 0;
	position: relative;
	z-index: 300;
	-webkit-box-shadow: 0px 0px 13px 0px rgba(0, 0, 0, .9);
	box-shadow: 0px 0px 13px 0px rgba(0, 0, 0, .9);
	border-top: 10px solid #000;
	border-bottom: 10px solid #000;
}


#meet-the-team {
	background: #fff;
	padding: 140px 0;
	position: relative;
	z-index: 300;
	-webkit-box-shadow: 0px 0px 13px 0px rgba(0, 0, 0, .9);
	box-shadow: 0px 0px 13px 0px rgba(0, 0, 0, .9);
	border-top: 10px solid #000;
	border-bottom: 10px solid #000;
}

#contact {
	padding: 163px 0;
	position: relative;
	z-index: 300;
	-webkit-box-shadow: 0px 0px 13px 0px rgba(0, 0, 0, .9);
	box-shadow: 0px 0px 13px 0px rgba(0, 0, 0, .9);
	border-top: 10px solid #000;
}



/* BLOG FORMATTING
--------------------------------------------------*/

.meta, .meta-author, .tags, .meta-category {
display: none!important;
}



/* MOBILE RESPONSIVENESS
--------------------------------------------------*/

/* Smaller than standard 960 (devices and browsers) */
@media only screen and (max-width: 960px) {

	#header-navigation[role="navigation"] ul#navigation {
		display: none;
	}
	
	nav select { 
		display: inline-block;
		position: relative;
		color: #000;
		font-style: normal;
	}
	
	#uber-statement {
		font-size: 80px;
		line-height: 1;
	}
	
	#client-logos li {
		float: left;
		margin-bottom: 20px;
		padding: 10px 15px 10px 0;
	}
	
	.latest-quotes li {
		padding: 20px 40px 40px 0;
	}

}

/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 767px) and (max-width: 1280px) {}

/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {

	.full-width,
	.one_half,
	.one_third,
	.one_fourth,
	.one_fifth,
	.one_sixth {
		width: 100%;
	}

	h1 {
		font-size: 40px;
		line-height: 1;
	}

	#logo {
		margin-top: 30px;
	}
		
	#introduction p {
		font-size: 17px;
		line-height: 1.7;
	}
	
	#uber-statement {
		font-size: 60px;
		line-height: 1;
		margin-top: 80px;
	}
	
	.header-background-image {
		height: 900px;
	}
	
	.logos h2 {
		display: none;
	}
	
	#client-logos {
		margin-top: 10px;
	}
	
	#client-logos li {
		float: none;
		margin-bottom: 20px;
	}
	
	#filter li {
		float: none;
		font-size: 12px;
		line-height: .7;
		margin-bottom: 10px;
		padding: 10px 0 10px 0;
	}
	
	.social-icons {
		float: left;
	}

}

/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {
	
	.pricing-third, 
	.pricing-fourth, 
	.pricing-fifth { 
		width: 100%!important; 
	}

}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {

	.pricing-third, 
	.pricing-fourth, 
	.pricing-fifth { 
		width: 100%!important; 
	}

	#uber-statement {
		font-size: 40px;
		line-height: 1;
		margin-top: 100px;
	}

}