/*
Theme Name: Perfect Marketing
*/

html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input { margin: 0; padding: 0; }
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th { font-size: 1em; font-weight: normal; font-style: normal; }
ul,ol { list-style: none; }
fieldset,img { border: none; }
caption,th { text-align: left; }
table { border-collapse: collapse; border-spacing: 0; }
object{ outline: 0; }
strong, b, strong *, b * { font-weight: bold; }
a:focus, input:focus{ outline-style: none; }
textarea{ outline: none; }

body{ font-family: 'Roboto', sans-serif; color: #585858; font-size: 14px; line-height: 21px; text-align: center; background: #fff; }
div.width{ width: 960px; text-align: left; margin: auto; }

a{ color: #2b2b3c; text-decoration: none; }
	a:hover{ text-decoration: underline; }

.header div.width{ padding: 30px 0; position: relative; }
	.header h1 a{ display: block; background: url('images/logo.png') 0 50% no-repeat; font-family: 'Roboto Slab', serif; font-size: 24px; color: #2b2b3c; line-height: 1; padding: 10px 0 10px 56px; text-decoration: none; font-weight: 300; }
		.header h1 a span{ display: block;color: #f9ae48; font-size: 18px; line-height: 1; padding-top: 8px; font-weight: 400; }

	.header	div.right{ position: absolute; top: 30px; right: 0; text-align: right; }
	.header .right a{ color: #f9ae48; }
	.header .right .social{ font-size: 24px; padding-top: 6px; }
	.header .right .social .facebook{ color: #3B5998; }
	.header .right .social .twitter{ color: #4099FF; }
	.header .right .social .google{ color: #F44336; }

div.menu{ background: #f5f5f5; box-shadow: 0 1px 2px 0 rgba(0,0,0,0.2); position: relative; z-index: 1; }
	.menu div.width{ overflow: hidden; position: relative; }
	.menu a{ float: left; display: inline; line-height: 1; padding: 16px 20px 13px 20px; border-bottom: transparent 3px solid; }
	.menu a:hover{ background: #e6e6e6; text-decoration: none; }
	.menu .right{ position: absolute; top: 0; right: 0; }
	.menu .right a i{ color: #f9ae48; margin-right: 5px; }
	.menu .current_page_item a{ border-color: #f9ae48; }

div.heroic{ background: url('images/heroic.jpg') 50% 50% no-repeat; background-size: cover; height: 695px; position: relative; }
	.heroic div.inner{ position: absolute; bottom: 0; left: 0; width: 100%; background: rgba(0,0,0,0.7); padding: 60px 0 80px 0; font-family: 'Roboto Slab'; font-weight: 100; color: #fff; text-align: center; font-size: 30px; line-height: 48px; }
	.heroic div.width{ text-align: center; }
	.heroic a.btn{ display: inline-block; position: absolute; bottom: -20px; left: 50%; background: #f9ae48; font-family: 'Roboto', sans-serif; font-size: 14px; text-transform: uppercase; color: #fff; line-height: 1; font-weight: 400; letter-spacing: 2px; padding: 20px 40px; border-radius: 100px; border: #fff 2px solid; margin-left: -102px; }


.home div.width{ overflow: hidden; padding: 100px 0 80px 0; }
	.home div.col{ float: left; display: inline; width: 450px; margin-left: 60px; }
	.home div.col:first-child{ margin-left: 0; }
	.home h2{ font-size: 30px; font-family: 'Roboto Slab', sans-serif; line-height: 1; font-weight: 300; }
	.home p{ padding-top: 20px; font-family: 'Roboto Slab', serif; font-weight: 300; font-size: 16px; line-height: 30px; }
	.home p a{ font-weight: 700; }


.footer div.width{ border-top: #ddd 1px solid; padding: 30px 0; position: relative; font-size: 13px; }
	.footer li{ margin-right: 30px; display: inline; }
	.footer .right{ position: absolute; top: 32px; right: 0; color: #999; }

.blog div.width{ overflow: hidden; padding: 60px 0; }
	.blog div.posts, .blog div.single{ float: left; display: inline; width: 700px; }
	.blog div.sidebar{ float: left; display: inline; width: 200px; margin-left: 60px; }
	.blog .posts .post{ padding-top: 30px; }
		
	.blog .posts .post:first-child{ padding-top: 0; }
	.blog .posts h2{ font-size: 30px; font-weight: 400; }
		.blog .posts h2 a{ text-decoration: none; }
		.blog .post-edit-link{ display: none; }
	
	.blog .posts .entry-meta{ padding-top: 10px; }
	.blog .posts .entry-content{ font-size: 16px; line-height: 30px; font-family: 'Roboto Slab', serif; padding-top: 5px; }
	.blog .posts .entry-summary{ font-size: 16px; line-height: 30px; font-family: 'Roboto Slab', serif; padding-top: 10px; }
	.blog .posts .entry-footer{ display: none; }

	.blog .single h1{ font-size: 36px; line-height: 1.3em; font-family: 'Roboto Slab', serif; font-weight: 100; }
		.blog .single h1 a{ text-decoration: none; }
		.blog .single .entry-content{ font-size: 16px; line-height: 30px; font-family: 'Roboto Slab', serif; padding-top: 20px; }
		.blog .single .entry-meta{ padding-top: 10px; }

	.sidebar li{ padding-top: 20px; }
		.sidebar li:first-child{ padding-top: 0; }
		.sidebar li li{ padding-top: 5px; }
		.sidebar h3{ font-weight: 500; }

	.search-box{ box-sizing: border-box; position: relative; }
		.search-box input[type="text"]{ background: #eee; line-height: 1; font-size: 13px; font-family: 'Roboto', sans-serif; border: 0; border-radius: 5px; width: 100%; box-sizing: border-box; padding: 8px;}
		.search-box input[type="text"]:focus{ background: #f3f3f3; line-height: 1; font-size: 13px; font-family: 'Roboto', sans-serif; border: 0; border-radius: 5px; width: 100%; box-sizing: border-box; padding: 8px;}
		.search-box button{ background: transparent; border: 0; position: absolute; top: 8px; right: 8px; font-size: 14px; }

	.index-title{ font-size: 24px; font-family: 'Roboto Slab', serif; font-weight: 300; }
	div.empty{ background: #f5f5f5; padding: 50px; text-align: center; font-size: 18px; font-weight: 300; font-family: 'Roboto Slab', serif; margin-top: 30px; }

	#comments{ display: none; }

	.form-wrapper input[type="text"], .form-wrapper input[type="email"], .form-wrapper textarea{ box-sizing: border-box; width: 600px; border: 0; background: #e3e3e3; font-family: 'Roboto', sans-serif; font-size: 14px; border-radius: 4px; padding: 10px; }
	.form-wrapper input[type="submit"]{ background: #f9ae48; font-family: 'Roboto', sans-serif; font-size: 14px; font-weight: 500; letter-spacing: 1px; border-radius: 100px; padding: 10px 20px; border: 0; text-transform: uppercase; color: #fff; }

.page div.width{ padding: 40px 0; font-family: 'Roboto Slab', serif; font-size: 16px; line-height: 30px; }
	.text-content p{ padding-top: 20px; }
	.text-content em{ font-family: 'Georgia', serif; font-style: italic; }
	.text-content p:first-child{ padding-top: 0; }
	.text-content h1{ font-size: 36px; line-height: 1; font-weight: 100; line-height: 1.5em; }
	.text-content h2{ font-size: 30px; line-height: 1; font-weight: 400; font-family: 'Roboto', sans-serif; padding-top: 20px; line-height: 1.5em; }
	.text-content h3{ font-size: 24px; line-height: 1; font-weight: 400; font-family: 'Roboto', sans-serif; padding-top: 20px; line-height: 1.5em; }
	.text-content h4{ font-size: 20px; line-height: 1; font-weight: 400; font-family: 'Roboto', sans-serif; padding-top: 20px; line-height: 1.5em; }
	.text-content h5{ font-size: 18px; line-height: 1; font-weight: 400; font-family: 'Roboto', sans-serif; padding-top: 20px; line-height: 1.5em; }
	.text-content ul, .text-content ol{ padding: 20px 0 0 30px; }
		.text-content ul li{ list-style-type: disc; list-style-position: outside; }
		.text-content ol li{ list-style-type: decimal; list-style-position: outside; }