/* = written by paul jarvis / www.pjrvs.com ----------------------- */










/* = html5 ----------------------- */

::-moz-selection { background: #f5f5f5; text-shadow: none; } 
::selection { background: #f5f5f5; text-shadow: none; }










/* = structure ----------------------- */

html { font-size: 100%; }
body { color: #4d4d4d; text-align: center; font: 300 1.250em/1.6 'lato', sans-serif; }

	header, section { margin: 0 auto; }

	header { }
	section { padding-bottom: 3em; background: #f5f5f5; }
	article { margin: 0 auto; padding: 2em 0 0 0; max-width: 35em; text-align: left; }

		.single article, .page article { max-width: 25em; }
		.page-template-archives-php article { max-width: 35em; }
	footer { margin: 0 auto; }
		footer section { padding: 2em 0; background: #f16651; }











/* = navigation ----------------------- */

#logo { }
	#logo img { max-width: 230px; height: auto; }
	#logo a { display: block; margin: 0 auto 1em auto; max-width: 35em; color: #262626; font-weight: 300;  font-size: 1.75em; }
	#logo a:hover { color: #6dcac4; }

#logo, #nav, .menu {
  opacity: 0;
  -webkit-transform: translateY(-20px);
     -moz-transform: translateY(-20px);
          transform: translateY(-20px);
  -webkit-animation: fadein .6s .5s 1 forwards ease-in-out;
     -moz-animation: fadein .6s .5s 1 forwards ease-in-out;
          animation: fadein .6s .5s 1 forwards ease-in-out;
}

#nav, .menu {
    -webkit-animation-delay: 0s;
       -moz-animation-delay: 0s;
            animation-delay: 0s;
  }






#nav, .menu { padding: 0 0 1em 0; }	
	#nav li, .menu li { display: inline-block; font-weight: 700; font-size: 0.55em; }
	#nav a, .menu a { padding: 15px; color: #737373; text-transform: uppercase; }
	#nav a:hover, .menu a:hover { color: #f16651; }
	#nav .current-menu-item a, #nav .current_page_item a { color: #f16651; }
	
#navwrap a:hover { }











/* = typography ----------------------- */

h1, h2, h3, h4, h5 { color: #262626; line-height: 1.2; }

h1 { padding: 1em auto; max-width: 35em; font-weight: 300; font-size: 1.5em; }
	footer h1 { margin: 0 auto; color: #fff; text-align: center; max-width: 25em; }
	footer h1 a { font-weight: 700; color: #fff; border-bottom: 2px solid rgba(255,255,255,.5); -webkit-transition: opacity .6s ease; -moz-transition: opacity .6s ease; -o-transition: opacity .6s ease; transition: opacity .6s ease; }
	footer h1 a:hover { color: #fff; opacity: .5; }

h2 { margin: 0; letter-spacing: -1px; font-weight: 300; font-size: 2.25em; }
	h2.post-title { margin-bottom: 1em; text-align: center; color: #f16651; }
	h1 a, h2 a { }
	h1 a :hover, h2 a:hover { }
	h2 a.post-edit-link { color: #d9d9d9; }

h3 { margin: .25em 0; font-weight: 400; font-size: 1.5em; }

h4 { font-size: 1.5em; }
	h4.cat-title { padding-top: 3em; color: #f16651; text-align: center; text-transform: uppercase; font-weight: 400; font-size: 0.55em; }
	h4 a { }

	
p { }
	article p, article ul, article ol { padding-bottom: 1em; }
		
strong { font-weight: 700; }
	
small { font-size: 0.55em; }
	footer small { display: block; padding: 3em 0; color: #999; text-align: center; text-transform: uppercase; font-weight: 400; }

ul, ol { }
	article ul, article ol { margin-left: 1.25em; line-height: 1.4; }
	article ul li { padding-bottom: 0.75em; list-style: circle; }
	article ol li { padding-bottom: 0.75em; list-style: decimal; }

img { }
	section img { margin: 0 0 1em 0; max-width: 100%; }
	section .wp-caption img { margin-bottom: 0.25em; color: #999; font-weight: 400; }
	section .gallery img { margin: 0; border: 2px solid #fff !important; }


blockquote { margin: 1em 0; padding: 0 0 0 1em; border-left: 2px solid #6dcac4; color: #999; font-weight: 300; font-size: .85em; }
	article blockquote p { padding: 0; }
	cite { font-style: normal; }
	
hr { border-bottom: 4px solid #e5e5e5; width: 30%; margin: 1em auto 2em auto; }

a { color: #6dcac4; -webkit-transition: color .6s ease; -moz-transition: color .6s ease; -o-transition: color .6s ease; transition: color .6s ease; }
	a:hover { color: #f16651; }
	

article .searchterm { padding: 0 5px 5px 5px; border-radius: 5px; background: #ffc; }










/* = forms ----------------------- */

form { padding-top: 3em; }

	input, textarea { padding: 10px; max-width: 90%; border-radius: 5px; font: 300 1em/1.6 'lato', sans-serif; }
	input[type="submit"], button { padding: 10px; border-radius: 5px; background: #f16651; color: #fff; }
	
	::-webkit-input-placeholder { color: #999; }
	:-moz-placeholder { color: #999; }
	::-moz-placeholder { color: #999; }
	:-ms-input-placeholder { color: #999; }










/* = common ----------------------- */

.alignleft { position: relative; float: left; margin: 0 0.25em 0.25em 0; text-align: left; }
.alignright { position: relative; float: right; margin: 0 0 0.25em 0.25em; text-align: right; }				
.aligncenter { clear: both; margin-right: auto; margin-left: auto; text-align: center; }

.wp-caption { max-width: 100% !important; }
.wp-caption img { max-width: 25em; }
.wp-caption-text { font-size: 0.75em; }
.wp-post-image { margin: 0 auto 2em auto; max-width: 15em; width: 50%; height: 50%; text-align: center; }

.cat-list, .more, #pagi a { margin: 0 0 3em 0; color: #999; text-align: center; text-transform: uppercase; font-weight: 400; font-size: .55em; }
	.cat-list a, footer small a { color: #6dcac4; }
	.more a { color: #d9d9d9; }
	#pagi a { margin: 0 2em 3em 2em; padding: 10px 20px; border-radius: 5px; background: #fff; }
	.cat-list a:hover, footer small a:hover, .more a:hover { color: #999; }

.meta { margin: 2em auto 3em auto; padding: 1em 0; border-top: 2px solid #e5e5e5; border-bottom: 2px solid #e5e5e5; text-align: center; font-weight: 400; font-size: 0.75em; }
	.meta a { color: #f16651; }

.next-posts { text-align: center; }
	.next-posts h4 { margin-bottom: 2em; color: #999; text-transform: uppercase; font-size: .55em; }
	article .next-posts ul { margin: 0 !important; font-size: .75em; }
	article .next-posts li { list-style: none; }

.social { margin-top: 2em; }
	.ss-icon { margin: 0 10px; font-size: 1.5em; }

.filters { margin: 0 auto; padding: 3em 0 1em 0; max-width: 35em; border-bottom: 2px solid #e5e5e5; }
	.filters li { display: inline-block; }
	.filters a { margin: 0 5px; padding: 5px 10px; color: #f16651; }
	.filters a.active { border-radius: 5px; background: #fff; }

.button { margin: 0 5px; padding: 10px 20px; border-radius: 5px; background: #6dcac4; color: #fff; font-weight: 400; font-size: 0.75em; -webkit-transition: background .6s ease; -moz-transition: background .6s ease; -o-transition: background .6s ease; transition: background .6s ease; }
	.button:hover { background: #f16651; color: #fff; }









/* = media queries ----------------------- */

@media screen and (max-width: 45em) {
	body { padding: 1em 2em; }
	section { background: none; }
	article { padding: 0; }
	.wp-caption img, .wp-caption, section img { max-width: 100% !important; }

	footer h1 { padding: 0 2em; }
	.alignleft { float: none; margin: 0 0 0.25em 0; }
	.alignright { float: none; margin: 0 0 0.25em 0; text-align: left; }				

	header { margin-bottom: 2em; border-bottom: 2px solid #e5e5e5; }
	#nav a { padding: 5px; }
	
	input, textarea { background: #f5f5f5; max-width: 70%; }
}










/* = print ----------------------- */

@media print {
	* { background: transparent !important; color: black !important; text-shadow: none !important; }
	body { background: #fff; color: black; font: 13pt Georgia, "Times New Roman", Times, serif; line-height: 1.3; }
	section.post-content a:after { content: " (" attr(href) ")"; } 
	tr, img { page-break-inside: avoid; }
	img { max-width:100% !important; border: 0; }
	
	nav, aside { display: none; }
}










/* = light css animations ----------------------- */

@-webkit-keyframes fadein{
  0%{ opacity: 0; -webkit-transform: translateY(-20px); }
  100%{ opacity: 1; -webkit-transform: translateY(0); }
}

@-moz-keyframes fadein{
  0%{ opacity: 0; -moz-transform: translateY(-20px); }
  100%{ opacity: 1; -moz-transform: translateY(0); }
}

@keyframes fadein{
  0%{ opacity: 0; transform: translateY(-20px); }
  100%{ opacity: 1; transform: translateY(0); }
}