/*
Theme Name: Tilez
Theme URI: http://clicknathan.com/web-design/wply
Author: ClickNathan.com
Author URI: http://clicknathan.com/
Description: Tilez is a custom theme based on ClickNathan's WPly framework, an immensely basic, responsive, HTML5 and CSS3 theme framework for ClickNathan client site development.
Version: 1.5.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/


/* CSS by Nathan Swartz ... | design@clicknathan.com */

/* press Reset */

*,*:before,*:after {box-sizing:border-box;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {display:block;}
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {margin:0; padding:0;}
img,fieldset,iframe {border:none;}
a {outline:none;}
img {max-width:100%; height:auto;}
iframe {width:100%;}

/* the Basics */

@font-face {font-family: 'Icons';
src:url('fonts/icons.eot'); src:url('fonts/icons.eot?#iefix') format('embedded-opentype'), url('fonts/icons.woff') format('woff'),
url('fonts/icons.ttf') format('truetype'), url('fonts/icons.svg#icomoon') format('svg');
font-weight: normal; font-style: normal;}

body {text-align:center;
	  font: 18px/140% 'Imprima', sans-serif;
	  color:#434343;
	  background:#e4e4e4;
	 }

.tile:after, #short-nav, #h button:before, .post time, .page time:first-of-type, #pindropsoup-link a.icon-rss, #interviews a.icon-rss, #podcasts a.icon-rss, .tile-on-tile:after, #podcasts a.icon-podcast {position:absolute;}
#nav ul li, blockquote, .tile, #h input, #h button, #h nav form, .post, .page, .tile-on-tile {position:relative;}
#nav:after, form:after, #prime:after, .gallery:after, .container:after, #newsletter:after, #twitter-talkingpointz:after, #disqus_thread:after, .single article.tile:after {content:""; display:table; clear:both;}
#nav ul, #nav li, #h nav, #h form, input, button, .edd_checkout a, #h img, #short-nav li {float:left;}
#nav ul li a {display:block;}
#h ul, #twitter-talkingpointz ul, #prime .page #social-share ul {list-style:none;}

/* Layout */

.container {margin:60px auto 20px auto; text-align:left; width:100%;}

.tile, .tile-on-tile {background:white; border-radius:5px 5px 15px 5px; width:305px; float:left; margin:10px; padding:15px;}
.tile:after, .tile-on-tile:after {content: "\70"; bottom:-3px; right:-2px; color:#979797;}
.tile.two-span {width:630px;}
.tile-on-tile {width:275px; margin:10px 0;}
.two-span .tile-on-tile {width:600px;}


#short-nav {top:-60px; right:15px;}
#h nav li a {padding:10px; display:block;}
#nav {float:right;}

#nav ul {left:-999em;}
#nav li {float:left;}
#nav ul li {float:none;}
#nav ul li a {display:block;}
#nav li:hover > ul {left:auto; width:250px; background:white; z-index:420;}
#nav li:hover > ul > li:hover > ul {left:250px; top:0;}
#h nav form {float:right; clear:both; width:125px;}
#h input[type="text"] {box-shadow:none; background:none; box-sizing:content-box; padding-right:25px !important; width:85px !important;}
#h button {text-indent:-999em; background:none; text-shadow:none; right:25px; top:22px; padding:0; margin:0;}
#h button:before {left:0; top:0; text-indent:0;}
#h #nav a:hover {background:#0f6dac; border-radius:3px; text-shadow:2px 2px 0 black;}

#prime {width:100%; margin:0 auto;}

#prime #pindropsoup-link p {padding-left:30px;}
#pindropsoup-link a.icon-rss, #interviews a.icon-rss, #podcasts a.icon-rss, #podcasts a.icon-podcast {right:20px; top:20px;}
#podcasts a.icon-rss {right:130px;}

.post time, .page time {border-radius:3px; background:#434343; display:block; width:60px; text-align:center; padding:5px 15px; line-height:90%; top:15px; left:-10px;}
.post > h1:first-of-type, .page > h1:first-of-type, section.post h1 {margin-left:45px; min-height:95px;}
section.ex-post.post h1 {min-height:0; margin-left:0;}
#prime .external-posts ul h2 {padding-top:0;}
#podcasts.post > h1:first-of-type {margin-left:0; min-height:0;}
body.page .page > h1:first-of-type {margin-left:0; min-height:0;}

.external-posts {display:none;}
#external-posts-20 {display:block;}

body.single article.page > h1:first-of-type {min-height:90px;}

.column {float:left; width:50%; padding-right:20px;}
.column:last-of-type {padding-right:0;}
.column select {margin-left:20px;}
.single .column {width:100%; float:none;}

.wp-tag-cloud {overflow:hidden;}
select {-webkit-appearance:default; background-color: rgb(255, 255, 255); border: 1px solid rgb(0, 0, 0); border-radius: 3px; display: block; height:40px; margin:15px 0; text-indent:0px; white-space: pre;}

.page-nav p {width:48%; float:left;}
.page-nav p:nth-child(2) {text-align:right; margin-left:5px;}
.page-nav a {display:block;}

.single .page small:first-of-type {margin-left:45px;}

#disqus_thread {min-height:800px;}

#social-share {padding-left:95px;}
#social-share .icon-share:before {font-size:80px; top:0; position: absolute; left:9px;}
#social-share p, #prime .page #social-share h1 {padding:0px;}
#social-share ul {padding:0; position: absolute; bottom: -4px; right:-10px;}
#social-share li {float:left; padding:10px;}
.fb-like {position:relative; top:-3px;}
.twitter-share-button {max-width:76px;}

#contact-dave-link p:before {font-size:60px; float:left; position:relative; top:-8px; margin-right:20px;}

.dsq-global-toolbar-left, .dsq-trackback-url {display:none;}

#post-terms dl {padding:none;}
#post-terms dt, #post-terms dd {float:left;}
#post-terms dt {text-align:right; width:40%; padding-right:15px;}
#post-terms dd {width:60%;}

#f a {position:absolute; bottom:-40px; left:15px;}

.social.tile {position:fixed; width:110px; left:-15px; top: 215px; display:none;}

img.aligncenter, div.aligncenter {display:block; margin:15px auto;}
img.alignright, div.alignright {float:right; margin:10px 0 15px 15px;}
p img.alignright {margin-top:0;}
img.alignleft, div.alignleft, #intro img.wp-post-image, #interviews img.wp-post-image {float:left; margin:0 15px 15px 0;}
p img.alignleft {margin-top:0;}

.wp-caption {background:#f6f4f4; padding:15px; border-radius:3px; line-height:100%;}

.gallery {display:inline-block; clear:both; margin:15px auto;}
.gallery-item {float:left; margin:5px;}
.gallery-item img {height:auto;}
.gallery br {display:none;}

a.post-edit-link {position:fixed; top:10px; left:10px;}

.oauthtwitter-latesttweets h1:after {display:block; line-height:125%; margin-top:15px;}
#oauthtwitter-latesttweets-3 h1:after {content:"Interactive reactions, curated content, and my personal take on UC topics."; display:block; font-size:16px;}

#prime p.external {padding-left:45px;}

/* Icons */

.tile:after, .icon:before, #h button:before, .icon-li a:before, blockquote:after, blockquote:before, .tile-on-tile:after, .edd_go_to_checkout:before, .icon-external-link:after {font-family: 'Icons'; speak: none; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased;}
.icon:before {margin-right:4px;}

.icon-rss:before, .icon-rss-link a:before {content:"\52";}
#h button:before {content:"\53";}
.icon-newsletter:before {content:"\45";}
.icon-pindropsoup:before {content:"\65";}
.icon-download:before {content:"\44";}
.icon-interview:before {content:"\6d";}
.icon-podcast:before {content:"\69";}
.icon-twitter:before {content:"\54";}
.icon-share:before {content: "\2b";}
.icon-contact:before {content:"\50";}
.icon-checkout:before, .edd_go_to_checkout:before {content:"\24";}
.icon-files:before {content: "\64";}
.icon-itunes:before {color:purple;}
.icon-external-link:after {content: "\78"; padding-left:5px;}

.icon-newsletter:before, .icon-download:before {font-size:70px; float:left; margin:-8px 15px 0 0;}
.icon-files:before {font-size:50px; float:left; margin:0 15px 25px 0;}
section.download .icon-checkout:before, section.download .edd_go_to_checkout:before {font-size:30px; clear:both; text-align:center; display:block; margin-top:-5px;}
#edd_cart_widget-2 .icon-checkout:before {font-size:50px; float:left; margin:0 15px 0 0;}


/*.icon-support:before {
	content: "\73";
}
*/

/* Typography */

input, textarea, button, select, #prime .gfield_description {font-family:'Imprima', sans-serif;}

input[type="submit"], button, #h #nav a:hover, .primary-call-to, .secondary-call-to, .primary-call-to a, .secondary-call-to a, .primary-call-to h1 a, .secondary-call-to h1 a, .primary-call-to a h1, .secondary-call-to a h1, .post time, .page time, .tile#pindropsoup-link:hover, .tile#pindropsoup-link:hover a, #pindropsoup-link:hover a:hover h1, .page-nav a, .edd_checkout a, .icon-share:before, .post a time span {color:white;}
#h button:before, a h1, h1 a, .post a, .latest-feature a, .section-header a {color:#434343;} /* Default Gray */
textarea, input, #short-nav a, #f a {color:#7f7f7f;} /* Lighter Gray */
a, a:hover h1, h1 a:hover, .post a span, .latest-feature a span, .section-header a span, a:hover h2, #prime .external-posts ul h2 a {color:#0f6dac;} /* Blue */
.icon-newsletter:before, a#credit span, #edd_cart_widget-2 .icon-checkout:before {color:#8d0148;} /* Magenta */
.icon-rss:before, .icon-rss-link a:before {color:#ff7200;} /* Bright Orange */

h1, .post time, .page time:first-of-type, .latest-feature h2, #prime #contact-dave-link p, input.edd-add-to-cart:first-line {font-size:28px;}
h2 {font-size:23px;}
h3 {font-size:20px;}
#prime p, input, button, textarea, .latest-feature h1, select, #prime .external-posts ul h2 {font-size:18px;} /* Default Size */
small, #prime p.wp-caption-text, .post time:first-line, .page time:first-line, #twitter-talkingpointz time, #f a, select option, time span, #prime p.quote-cite, .edd-cart-added-alert, .oauthtwitter-latesttweets h1:after {font-size:14px;}

#prime p, section ul, section ol, section li {padding:5px 0;}
#prime h1 {padding:50px 0 10px 0;}
#prime h2 {padding:40px 0 10px 0;}
#prime h3, #prime h6 {padding:30px 0 10px 0;}
#prime h4, #prime h5 {padding:20px 0 10px 0;}
#prime h1:first-of-type, #prime .latest-feature h2:first-of-type {padding-top:0;}
#prime .page-nav p {padding:0;}
#prime .page-nav a {padding:15px 5px;}

section ul, section ol, article.page ul, article.page ol {padding-left:35px;}
section ul, .page ul {list-style:disc;}

blockquote {padding:0 20px;}
article blockquote {margin:20px 0; padding:0 50px; font-size:150%;}
blockquote:before, blockquote:after {position:absolute; font-size:40px;}
article blockquote:before, article blockquote:after {font-size:50px;}
blockquote:before {content: "\22"; left:-20px; top:-10px;}
blockquote:after {content: "\27"; right:-20px; bottom:0;}
article blockquote:before {left:0; top:10px;}
article blockquote:after {right:0; bottom:0;}

h1,h2,h3,h4,h5,h6,blockquote {line-height:100%;}

.alignright, #prime p.quote-cite {text-align:right;}
.alignleft {text-align:left;}
.aligncenter {text-align:center;}

#h a, a:hover, #h #nav a:hover, a h1, h1 a, .primary-call-to a h1, .primary-call-to h1 a, .primary-call-to a, .secondary-call-to a h1, .secondary-call-to h1 a, .secondary-call-to a, .post a, .latest-feature a, .section-header a, #f a, #pindropsoup-link a, a#credit span, .page-nav a, .edd_checkout a, .download a {text-decoration:none;}
#h a:hover, .tile a span #f a span, a#credit:hover span, #prime .external-posts ul h2 a {text-decoration:underline;}

#prime h5, #prime h6 {text-transform:uppercase;}

/* Easy Digital Downloads */

#prime article.download h1 {padding-right: 55px;}
.single-download #prime article.page > h1:first-of-type {padding-right:60px;}
.single-download article.page > small:first-of-type {display:none;}
.edd_purchase_submit_wrapper {position: absolute; top:-30px; right: -30px; z-index:999; background: #0668a9; width:100px; height:100px; border-radius:50px; box-shadow:0 0 12px 0 rgba(0,0,0,0.5);}
input.edd-add-to-cart {background:transparent; width:100%; text-align:center; white-space:normal; cursor:pointer;}
.edd-cart-added-alert {color: white; display: block; text-align: center; background: gray; width: 150px; margin-left: -25px;}
.edd-cart-ajax {position: absolute; bottom: 10px; left:60px;}
a.edd_go_to_checkout {color:white; display:block; text-align:center; padding-top:25px; width:100%; float:none;}
#prime ul.edd-cart {clear:both; margin:15px 0;}
#prime ul.edd-cart li {padding:5px 0; list-style:none;}
.edd_checkout a {text-align: center;}

table {margin:30px 0;}
legend {font-size:25px; display:block; padding:30px 0 10px 0;}
th {background:#434343; color:white; padding:15px;}
th.edd_cart_item_name {width:50%;}
tr.edd_cart_item td {padding:15px;}
tr.edd_cart_item:nth-child(even) {background:#ccc;}
th.edd_cart_total {text-align:right; font-size:25px;}
.edd-description {font-size:16px; float:left; padding-top:16px; color:#ccc;}
.edd-label {float:left;}

.edd-add-to-cart-label {color: white; display: block; text-align: center; font-size: 20px; padding-top: 20px; transition:font-size 250ms;}
a.edd-add-to-cart:hover .edd-add-to-cart-label {font-size: 30px; line-height: 120%; transition:font-size 250ms;}

/* Animations,Transitions */

#nav a {background:white; transition: background 2s;}
#nav a:hover {background:#0f6dac; transition: background 200ms;}

#h form input {background:white; box-shadow:none; transition: background 2s, box-shadow 2s;}
#h form:hover input {background:#e4e4e4; box-shadow:inset 2px 2px 12px 0px rgba(0,0,0,0.2); transition: background 200ms, box-shadow:200ms;}

.tile, .tile-on-tile {box-shadow:0 0 12px 0 rgba(0,0,0,0.2); transition:box-shadow 2s;}
.tile:hover, .tile-on-tile {box-shadow:0 0 12px 3px rgba(0,0,0,0.2); transition:box-shadow 200ms;}

#pindropsoup-link {background:white; transition: background 200ms, box-shadow 2s;}
#pindropsoup-link:hover {background:#0f6dac; transition: background 200ms, box-shadow 200ms;}

.primary-call-to {background:#0f6dac; transition: background 200ms, box-shadow 2s;}
.primary-call-to:hover {background:#8d0148; transition: background 200ms, box-shadow 200ms;}

.secondary-call-to {background:#8d0148; transition: background 200ms, box-shadow 2s;}
.secondary-call-to:hover {background:#0f6dac; transition: background 200ms, box-shadow 200ms;}

#newsletter button {transition:padding 200ms;}
#newsletter:hover button {padding:15px 35px; transition: padding 1s;}

.page-nav a {transition:background 200ms;}
.page-nav a:hover {background:#8d0148; transition:background 500ms;}

.edd_purchase_submit_wrapper {transition:top 1s, right 1s, background 2s, width 1s, height 1s, border-radius 1s ease-in, box-shadow 1s, padding-top 1s}
.edd_purchase_submit_wrapper:hover {top:-50px; right:-50px; background:#8d0148; width:150px; height:150px; border-radius:75px; box-shadow:0 0 12px 3px rgba(0,0,0,0.5); padding-top:20px; transition:top 500ms, right 500ms, background 1s, width 500ms, height 500ms, border-radius 500ms ease-in, box-shadow 500ms, padding-top 500ms;}

#edd_cart_widget-2 {min-height:500px;}
#edd_cart_widget-2 .edd_checkout a, input[type="submit"] {width:100px; margin-left:0; transition:width 2s, margin-left 2s;}
#edd_cart_widget-2:hover .edd_checkout a, input[type="submit"]:hover {width:275px; margin-left:-35px; transition:width 500ms, margin-left 500ms;}
.edd-submit {float:right;}
#prime #edd_final_total_wrap {color: green; font-size: 25px; float: left; margin-bottom: -50px; padding-top:30px;}

#infscr-loading {position: fixed; bottom: 5px; right: 5px; z-index: 99; background: white; padding: 15px; border-radius: 3px; box-shadow: 0 0 10px 5px rgba(0,0,0,0.5);}

/* Browser Specific Fixes */

html.-moz- #h button {right:-105px; top:-40px;}
html.-moz- input.edd-add-to-cart {font-size:37px;}

/* Gradients,Shadows */




/* Forms */

label {display:block; padding:15px 5px 0 5px;}
input, textarea, button, input[type="submit"], .page-nav a, .edd_checkout a {margin:0 0 15px 0; border:none; border-radius:3px;}
#h input {margin-top:15px;}
input[type="text"], input[type="password"], input[type="email"], input[type="tel"], input[type="number"], input[type="search"], input[type="url"], textarea, #h form:hover input {width:100%; background:#e4e4e4; padding:5px 15px; box-shadow:inset 2px 2px 12px 0px rgba(0,0,0,0.2);}
button, .page-nav a, .edd_checkout a, input[type="submit"] {border:none; background:#8d0148; padding:15px; text-shadow:2px 2px 0 black;}
button:hover {cursor:pointer;}
.page-nav a {background:#0f6dac;}

#newsletter button, #gform_2 input[type="submit"] {float:right;}

/* Gravity Forms Fields */

#prime .gform_wrapper:not('#gform_wrapper_2') input.medium {padding:5px 15px !important; font-size:18px; color:black;}
#prime .gform_wrapper .top_label .gfield_label {}

#field_2_1 label {display:none;}
input#input_2_1 {width:100%; font-size:18px; padding-left:5px;}
#field_2_3 label {clear:none; font-size:16px; padding-top:0; float:left;}
#field_2_3 .ginput_container {float:right; width:80px;}
#input_2_3 {width:100%; font-size:18px; padding:5px 10px; margin-top:6px; margin-bottom:0;}
#gform_2 .gform_footer {padding:0; margin:0; height:60px;}

.gform_confirmation_message { background: #8d0148; color: white; font-weight: bold; padding: 20px; margin: 50px 0; border-radius: 5px; }

/* Media Queries */

@media all and (max-width:480px) {
	.container {width:100%;}
	.tagline {display:none;}
	.home #intro img {max-width:70px; height:auto;}
}
@media all and (min-width:650px) {
	.container {width:650px;}
	#h.tile {width:630px;}
	#h nav form {margin-top:-53px;}
	#h img {width:25%;}
	#h nav {width:75%;}
	.tagline {display:none;}
}
@media all and (min-width:975px) {
	.container {width:975px;}
	#h.tile {width:955px;}
	#h nav form {margin-top:0;}
	.tagline {position: absolute; left:90px; bottom:10px; display:block;}
	#h img {width:20%;}
	#h nav {width:80%;}
}
@media all and (min-width:1300px) {
	.container {width:1300px;}
	#h.tile {width:1280px;}
	.tagline {position: absolute; bottom:30px; left:230px; display:block;}
}

/*@media all and (max-width:800px) {
  #prime {float:none; width:100%;}
  #h {text-align:center;}
  #nav {width:100%; float:none;}
  #h nav form {width:80%; margin:0 auto; display:block; float:none;}
  img.alignright, div.alignright, img.alignleft, div.alignleft {margin:30px auto; display:block; float:none;}
  .gallery-item {max-width:45%;}
}

@media all and (max-width:400px) {
  .container {width:100%;}
} */