/*
Theme Name: Trash Kingpins of New York
Theme URI: http://underscores.me/
Author: Tom Tolentino
Author URI: http://www.planetwasteservices.com
Description: Custom theme for Trash Kingpins of New York
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: trash-kings
Tags:

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

Trash Kingpins of New York is based on Underscores http://underscores.me/, (C) 2012-2016 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.io/normalize.css/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
	## Links
	## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
	## Posts and pages
	## Comments
# Infinite scroll
# Media
	## Captions
	## Galleries
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Colors
--------------------------------------------------------------*/
/*
Dark Brown: #3a311a
Light Brown: #6d6655
Light Blue: #00a4e0

Shadow Brown: #aaa596
Shadow Blue: #4cbfea

*/

/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
html {
	font-family: sans-serif;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust:     100%;
}

body {
	margin: 0;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
	display: block;
}

audio,
canvas,
progress,
video {
	display: inline-block;
	vertical-align: baseline;
}

audio:not([controls]) {
	display: none;
	height: 0;
}

[hidden],
template {
	display: none;
}

a {
	background-color: transparent;
}

a:active,
a:hover {
	outline: 0;
}

abbr[title] {
	border-bottom: 1px dotted;
}

b,
strong {
	font-weight: bold;
}

dfn {
	font-style: italic;
}

h1 {
	font-size: 2em;
	margin: 0.67em 0;
}

mark {
	background: #ff0;
	color: #000;
}

small {
	font-size: 80%;
}

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sup {
	top: -0.5em;
}

sub {
	bottom: -0.25em;
}

img {
	border: 0;
}

svg:not(:root) {
	overflow: hidden;
}

figure {
	margin: 1em 40px;
}

hr {
	box-sizing: content-box;
	height: 0;
}

pre {
	overflow: auto;
}

code,
kbd,
pre,
samp {
	font-family: monospace, monospace;
	font-size: 1em;
}

button,
input,
optgroup,
select,
textarea {
	color: inherit;
	font: inherit;
	margin: 0;
}

button {
	overflow: visible;
}

button,
select {
	text-transform: none;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
	-webkit-appearance: button;
	cursor: pointer;
}

button[disabled],
html input[disabled] {
	cursor: default;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
	border: 0;
	padding: 0;
}

input {
	line-height: normal;
}

input[type="checkbox"],
input[type="radio"] {
	box-sizing: border-box;
	padding: 0;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
	height: auto;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

fieldset {
	border: 1px solid #c0c0c0;
	margin: 0 2px;
	padding: 0.35em 0.625em 0.75em;
}

legend {
	border: 0;
	padding: 0;
}

textarea {
	overflow: auto;
}

optgroup {
	font-weight: bold;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

td,
th {
	padding: 0;
}

/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
body,
button,
input,
select,
textarea {
	color: #000;
	font-family: 'Roboto Slab', serif;
	font-size: 16px;
	font-size: 1rem;
	line-height: 1.5;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Bungee', sans-serif;
	clear: both;
}

p {
	margin-bottom: 1.5em;
}

dfn,
cite,
em,
i {
	font-style: italic;
}

blockquote {
	margin: 0 1.5em;
}

address {
	margin: 0 0 1.5em;
}

pre {
	background: #eee;
	font-family: "Courier 10 Pitch", Courier, monospace;
	font-size: 15px;
	font-size: 0.9375rem;
	line-height: 1.6;
	margin-bottom: 1.6em;
	max-width: 100%;
	overflow: auto;
	padding: 1.6em;
}

code,
kbd,
tt,
var {
	font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
	font-size: 15px;
	font-size: 0.9375rem;
}

abbr,
acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}

mark,
ins {
	background: #fff9c0;
	text-decoration: none;
}

big {
	font-size: 125%;
}

/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/
html {
	box-sizing: border-box;
}

*,
*:before,
*:after { /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
	box-sizing: inherit;
}

body {
	background: #fff; /* Fallback for when there is no custom background color defined. */
}

blockquote:before,
blockquote:after,
q:before,
q:after {
	content: "";
}

blockquote,
q {
	quotes: "" "";
}

hr {
	background-color: #ccc;
	border: 0;
	height: 1px;
	margin-bottom: 1.5em;
}

ul,
ol {
	margin: 0 0 1.5em 1.5em;
}

ul {
	list-style: disc;
}

ol {
	list-style: decimal;
}

li > ul,
li > ol {
	margin-bottom: 0;
	margin-left: 1.5em;
}

dt {
	font-weight: bold;
}

dd {
	margin: 0 1.5em 1.5em;
}

img {
	height: auto; /* Make sure images are scaled correctly. */
	max-width: 100%; /* Adhere to container width. */
}

figure {
	margin: 1em 0; /* Extra wide images within figure tags don't overflow the content area. */
}

table {
	margin: 0 0 1.5em;
	width: 100%;
}

/*--------------------------------------------------------------
# Structure
--------------------------------------------------------------*/
#page {
}
#masthead {
    position: relative;
    max-width: 1200px;
    margin: 0px auto;
}
#content {
    max-width: 1200px;
    margin: 0px auto;
}
#primary {
}
#secondary {
}


/* ===== == = === 37.5em (600px) === = == ===== */
@media only screen and (min-width: 37.5em) {
	#page {
	}
	#masthead {
	}
	#content {
	}
	#primary {
	}
	#secondary {
	}
}

/* ===== == = === 48em (768px) === = == ===== */
@media only screen and (min-width : 48em) {
	#page {
	}
	#masthead {
	}
	#content {
	}
	#primary {
	}
	#secondary {
	}
}

/* ===== == = === 56.25em (900px) === = == ===== */
@media only screen and (min-width : 56.25em) {
	#page {
	}
	#masthead {
	}
	#content {
	}
	#primary {
	}
	#secondary {
	}
}


/* ===== == = === 68.75em (1100px) === = == ===== */
@media only screen and (min-width : 68.75em) {
	#page {
	}
	#masthead {
	}
	#content {
	}
	#primary {
	}
	#secondary {
	}
}

/* ===== == = === 81.25em (1300px) === = == ===== */
@media only screen and (min-width : 81.25em) {
	#page {
	}
	#masthead {
	}
	#content {
	}
	#primary {
	}
	#secondary {
	}
}

/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/
.site-header {
}

.site-branding {
}

.site-title {
    margin-bottom: 0px;
    
}

.site-title a {
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url(images/trash-kingpins-logo-inner.png);
    background-position: top center;
    text-indent: -99999px;
    display: block;
    max-width: 360px;
    height: 100px;
    margin: 0px auto;
}

body.home .site-title a {
    background-image: url(images/trash-kingpins-logo-home-padding.png);
    height: 130px;
}


/* ===== == = === 37.5em (600px) === = == ===== */
@media only screen and (min-width: 37.5em) {
	.site-title a {
        
	}
}

/* ===== == = === 48em (768px) === = == ===== */
@media only screen and (min-width : 48em) {
    
    .site-branding {
    }

    .site-title a {
	}
    body.home .site-title a {
        max-width: 760px;
        width: 760px;
        height: 300px;
    }

}

/* ===== == = === 56.25em (900px) === = == ===== */
@media only screen and (min-width : 56.25em) {
    .site-branding {
    }
    .site-title a {
	}
}


/* ===== == = === 68.75em (1100px) === = == ===== */
@media only screen and (min-width : 68.75em) {
    .site-branding {
    }
	.site-title a {
	}

}

/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/

.site-footer {
	background-color: #3a311a;
    font-size: 80%;
    padding: 50px 0px 100px 0px;
    text-align: center;
    color: #fff;
    font-weight: 300;
}
.site-footer h3 {
    margin: 0px;
}
.site-footer a {
    color: #fff;
    text-decoration: none;
}
.site-footer a:hover {
    color: #00a4e0;

}
.site-footer .twitter {
    font-size: 200%;
}




.footer-about-this-site-container {
    border-top: 2px solid #3a311a;
}

.footer-about-this-site {
    width: 80%;
    max-width: 950px;
    margin: 0px auto;
    font-size: 95%;
    
}

.footer-about-this-site strong {
    font-family: 'Bungee', sans-serif;
    color: #00a4e0;
    margin-right: 10px;

}



/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	border: 1px solid;
	border-color: #ccc #ccc #bbb;
	border-radius: 3px;
	background: #e6e6e6;
	color: rgba(0, 0, 0, .8);
	font-size: 12px;
	font-size: 0.75rem;
	line-height: 1;
	padding: .6em 1em .4em;
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
	border-color: #ccc #bbb #aaa;
}

button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
button:active,
input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active {
	border-color: #aaa #bbb #bbb;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
	color: #666;
	border: 1px solid #ccc;
	border-radius: 3px;
	padding: 3px;
}

select {
	border: 1px solid #ccc;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
	color: #111;
}

textarea {
	width: 100%;
}

/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
a {
	color: #00a4e0;
    text-decoration: none;
}

a:visited {
    text-decoration: none;
	color: #00a4e0;
}

a:hover,
a:focus,
a:active {
	color: #6d6655;
}

a:focus {
	outline: thin dotted;
}

a:hover,
a:active {
	outline: 0;
}

/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/
.main-navigation {
	clear: both;
	display: block;
	float: left;
	width: 100%;
    font-family: 'Bungee', sans-serif;
}

.main-navigation ul {
	list-style: none;
	margin: 0;
	padding-left: 0;
    width: 120px
}

.main-navigation ul.nav-left {
    float: left;
    margin-left: 40px;
}
.main-navigation ul.nav-right {
    float: right;
    margin-right: 40px;
}

.main-navigation li {
	position: relative;
}

.main-navigation a {
	display: block;
	text-decoration: none;
    width: 140px;
    height: 107px;
    background-position: bottom center;
    background-size: 87px;
    background-repeat: no-repeat;
    color: #000;
	text-shadow: 2px 2px 1px rgba(255, 255, 255, 1);
    padding: 47px 0px 0px 0px;
    text-align: center;
    font-size: 150%;
	transition: all .10s ease-in-out;
	-moz-transition: all .10s ease-in-out;
	-webkit-transition: all .10s ease-in-out;
}
.main-navigation a:hover {
    opacity: 0.9;
	transform: scale(1.05);
}

.main-navigation a .nav-label {
    display: none;
}
.main-navigation a:hover .nav-label {
    display: block;
}

.main-navigation a.nav-generic-item {
}

.main-navigation a.nav-generic-item .nav-label {
    display: block !important;
}


.main-navigation ul ul {
	box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
	float: left;
	position: absolute;
	top: 1.5em;
	left: -999em;
	z-index: 99999;
}

.main-navigation ul ul ul {
	left: -999em;
	top: 0;
}

.main-navigation ul ul a {
	width: 200px;
}

.main-navigation ul ul li {

}

.main-navigation li:hover > a,
.main-navigation li.focus > a {
}

.main-navigation ul ul :hover > a,
.main-navigation ul ul .focus > a {
}

.main-navigation ul ul a:hover,
.main-navigation ul ul a.focus {
}

.main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul {
	left: auto;
}

.main-navigation ul ul li:hover > ul,
.main-navigation ul ul li.focus > ul {
	left: 100%;
}

.main-navigation .current_page_item > a,
.main-navigation .current-menu-item > a,
.main-navigation .current_page_ancestor > a,
.main-navigation .current-menu-ancestor > a {
}

/* Small menu. */
.menu-toggle {
    background-color: transparent;
    text-align: center;
    width: 100%;
    border-radius: 0px;
    border-left: none;
    border-right: none;
    margin-bottom: 10px;
    
    
}

.menu-toggle,
.main-navigation.toggled ul {
	display: block;
}

/* ===== == = === 37.5em (600px) === = == ===== */
@media only screen and (min-width: 37.5em) {
    .main-navigation ul.nav-left {
        margin-left: 160px;
    }
    .main-navigation ul.nav-right {
        margin-right: 160px;
    }
}

/* ===== == = === 48em (768px) === = == ===== */
@media only screen and (min-width : 48em) {
    .main-navigation ul.nav-left {
        margin-left: 240px;
    }
    .main-navigation ul.nav-right {
        margin-right: 240px;
    }
    
}

/* ===== == = === 56.25em (900px) === = == ===== */
@media screen and (min-width: 56.25em) {
	.menu-toggle {
		display: none;
	}
    .main-navigation {
        float: none;
        width: 100%;
        margin: 0px;
        position: absolute;
        top: 0px;
        left: 0px;
    }
	.main-navigation ul {
		display: block;
        width: 300px;
        margin: 0px !important;
	}
    .main-navigation ul.nav-left {
        position: absolute;
        top: 0px;
        left: 0px;
        float: none;
    }
    .main-navigation ul.nav-right {
        position: absolute;
        top: 0px;
        right: 10px;
        width:260px;
        float: none;
    }
    .main-navigation li {
        float: left;
    }
    .main-navigation ul.nav-left li {
        float: right;

    }
    .main-navigation a {
        margin-right: 5px;
    }
    .main-navigation a.nav-generic-item {
    }
    
    
}

/* ===== == = === 59.375em (950px) === = == ===== */
@media only screen and (min-width : 59.375em) {
	.main-navigation ul {
        width: 320px;
	}
    .main-navigation ul.nav-right {
        width:280px;
    }
    .main-navigation a {
    }
    .main-navigation a.nav-generic-item {
    }

}

/* ===== == = === 62.5em (1000px) === = == ===== */
@media only screen and (min-width : 62.5em) {
	.main-navigation ul {
        width: 340px;
	}
    .main-navigation ul.nav-right {
        width:310px;
    }
    .main-navigation a {
    }
    .main-navigation a.nav-generic-item {
    }
}

/* ===== == = === 65.625em (1050px) === = == ===== */
@media only screen and (min-width : 65.625em) {
	.main-navigation ul {
        width: 360px;
	}
    .main-navigation ul.nav-right {
        width:340px;
    }
    .main-navigation a {
    }
    .main-navigation a.nav-generic-item {
    }
    
    
}


/* ===== == = === 68.75em (1100px) === = == ===== */
@media only screen and (min-width : 68.75em) {
	.main-navigation ul {
        width: 417px;
	}
    .main-navigation ul.nav-right {
        width:370px;
    }
    .main-navigation a {
    }
    .main-navigation a.nav-generic-item {
    }
    
}

/* ===== == = === 71.875em (1150px) === = == ===== */
@media only screen and (min-width : 71.875em) {
	.main-navigation ul {
        width: 417px;
	}
    .main-navigation ul.nav-right {
        width:400px;
    }
    .main-navigation a {
    }
    .main-navigation a.nav-generic-item {
    }
}

/* ===== == = === 75em (1200px) === = == ===== */
@media only screen and (min-width : 75em) {
	.main-navigation ul {
        width: 417px;
	}
    .main-navigation ul.nav-right {
        width:400px;
    }
    .main-navigation a {
    }
    .main-navigation a.nav-generic-item {
    }
}



/*--------------------------------------------------------------
## Kingpin Overlay
--------------------------------------------------------------*/
.kingpin-overlay {
    position: fixed;
    background-color: rgba(255, 255, 255, 0.8);
    width: 100%;
    padding: 10px 10px 200px 10px;
    top: -130%;
    height: 95%;
    opacity: 0.0;
	transition: all .25s ease-in-out;
	-moz-transition: all .25s ease-in-out;
	-webkit-transition: all .25s ease-in-out;
    overflow-y: scroll;
}


.kingpin-overlay.visible {
    top: 115px;
    opacity: 1;
}
body.admin-bar .kingpin-overlay.visible {
    top: 147px;
}

.all-kingpins-inner {
    max-width: 600px;
    margin: 0px auto;
    position: relative;
}



.kingpin-overlay a.kingpin-overlay-menu-item {
    height: 200px;
    padding: 160px 6px 0px 0px;
    font-size: 11px;
    width: 50%;
    display: block;
    float: left;
    background-size: 100%;
    background-position: top center;
    background-repeat: no-repeat;
    font-family: 'Bungee', sans-serif;
    text-align: center;
    opacity: 0.0;
    transform: scale(1.10);
	transition: all .75s ease-in-out;
	-moz-transition: all .75s ease-in-out;
	-webkit-transition: all .75s ease-in-out;
}

.kingpin-overlay.visible a.kingpin-overlay-menu-item {
    opacity: 1;
    color: #000;
    transform: scale(1);
}



a#close-kingpins {
    position: absolute;
    top: 0px;
    right: 0px;
    font-size: 10px;
    display: block;
    width: 30px;
    z-index: 9999;
}

@media only screen and (min-width : 360px) {
    .kingpin-overlay a.kingpin-overlay-menu-item {
        font-size: 12px;
        height: 230px;
        padding: 190px 6px 0px 0px;
    }
}

@media only screen and (min-width : 410px) {
    .kingpin-overlay a.kingpin-overlay-menu-item {
        font-size: 13px;
        height: 250px;
        padding: 210px 6px 0px 0px;
    }
}

@media only screen and (min-width : 768px) {
    .kingpin-overlay a.kingpin-overlay-menu-item {
        width: 33.3333333333%;
        font-size: 13px;
        height: 235px;
        padding: 215px 6px 0px 0px;
        margin: 0px 0px 30px 0px;
    }
}
@media only screen and (min-width : 1024px) {
    a#close-kingpins {
        right: -40px;
    }
}
@media only screen and (min-width : 1100px) {
    .all-kingpins-inner {
        max-width: 900px;
    }
    .kingpin-overlay a.kingpin-overlay-menu-item {
        text-shadow: 4px 4px 2px rgba(0, 164, 225, 0.7);
        padding: 190px 6px 0px 0px;
        height: 340px;
        padding: 320px 6px 0px 0px;
        font-size: 20px;
    }
    .kingpin-overlay a.kingpin-overlay-menu-item:hover {
    }

}




/*--------------------------------------------------------------
## Page and Comment Navigation
--------------------------------------------------------------*/
.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
	margin: 0 0 1.5em;
	overflow: hidden;
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
	float: left;
	width: 50%;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
	float: right;
	text-align: right;
	width: 50%;
}

/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
	word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar. */
}

/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
	outline: 0;
}

/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}

.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
	content: "";
	display: table;
	table-layout: fixed;
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
	clear: both;
}

/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget {
	margin: 0 0 1.5em;
}

/* Make sure select elements fit in widgets. */
.widget select {
	max-width: 100%;
}

/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
.sticky {
	display: block;
}

.hentry {
	margin: 0 0 1.5em;
}

.byline,
.updated:not(.published) {
	display: none;
}

.single .byline,
.group-blog .byline {
	display: inline;
}

.page-header,
.entry-header {
	text-shadow: 4px 4px 1px rgba(76, 191, 234, 1);
}

.page-header h1,
.entry-header h1 {
	font-size: 48px;
    line-height: 1em;
}


body.single-post .entry-header h1 {
	font-size: 28px;
    line-height: 36px;
}

.page-content,
.entry-content,
.entry-summary {
	margin: 1.5em 0 0;
    padding: 0px 20px;
}

.page-links {
	clear: both;
	margin: 0 0 1.5em;
}


.page-content h1,
.entry-content h1,
.entry-summary h1 {
    color: #6d6655;
    margin: 10px 0px 5px 0px;
    line-height: 1.2em;
}

.entry-content h1.first-header {
    font-size: 1.2em;
    clear: none;
} 

.page-content h2,
.entry-content h2,
.entry-summary h2 {
    color: #00a4e0;
    margin: 10px 0px 0px 0px;
    font-size: 130%;
}

.page-content h3,
.entry-content h3,
.entry-summary h3 {

}


.page-content p,
.entry-content p,
.entry-summary p {
    margin: 0px 0px 15px 0px; 
}

body.single-post .entry-header h1 {
    margin-top: 0px;
}

.entry-meta {
    width: 100%;
    text-align: left;
    font-family: 'Bungee', sans-serif;    
	text-shadow: 2px 2px 1px rgba(170, 165, 150, 1);
}

.post-thumbnail {
    text-align: center;
    background-color: #ddd;
}
.return-to-news {
    color: #000;
    font-family: 'Bungee', sans-serif;
	transition: all .10s ease-in-out;
	-moz-transition: all .10s ease-in-out;
	-webkit-transition: all .10s ease-in-out;
}

/* ===== == = === 37.5em (600px) === = == ===== */
@media only screen and (min-width: 37.5em) {
    .entry-content h1.first-header {
        font-size: 2em;
    }
}

/* ===== == = === 56.25em (900px) === = == ===== */
@media only screen and (min-width : 56.25em) {
    .page-content,
    .entry-content,
    .entry-summary {
        padding: 0px 0px;
    }
}


/*--------------------------------------------------------------
## Front Page
--------------------------------------------------------------*/
ul.home-kingpins {
    list-style-type: none;
    margin: 0px 0px 0px 0px;
    padding: 0px;
}
ul.home-kingpins li {
    float: left;
    margin-left: 10px;
    width: 45%
}

ul.home-kingpins a {
    padding: 145px 0px 0px 0px;
    font-size: 80%;
    background-size: 100%;
    display: block;
    width: 100%;
    background-position: top center;
    background-repeat: no-repeat;
    text-align: center;
    font-family: 'Bungee', sans-serif;
    color: #000;
	transition: all .10s ease-in-out;
	-moz-transition: all .10s ease-in-out;
	-webkit-transition: all .10s ease-in-out;
}
ul.home-kingpins li a:hover {
    transform: scale(1.05);
}


ul.home-kingpins li.bellino-brothers {
    clear: left;
}



.news-home {
    width: 100%;
    min-height: 340px;
    text-align: center;
    font-family: 'Bungee', sans-serif;    
    background-image: url(images/bg-news.jpg);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}

.news-home .latest-dirt {
    background-image: url(images/head-latest-dirt-transparent.png);
    background-blend-mode: multiply;
    height: 130px;
    width: 92%;
    background-repeat: no-repeat;
    background-position: center;
    text-indent: -9999px;
    color: #000;
    margin: 20px auto;
    background-size: contain;
}

.news-home-item-all {
    margin-top: -30px;
}

.news-home-item {
    margin: 0px 0px 20px 0px;
}

.news-home a {
    color: #000;
    max-width: 720px;
    display: block;
    margin: 0px auto;
	transition: all .10s ease-in-out;
	-moz-transition: all .10s ease-in-out;
	-webkit-transition: all .10s ease-in-out;
}

.news-home a:hover {
	transform: scale(1.05);
}
.news-home-item-meta {
    font-size: 80%;
}

.news-home-item-title {
    font-size: 100%;
}


.news-home .see-more-news {
    width: 205px;
    height: 110px;
    background-image: url(images/see-more-news.png);
    background-repeat: no-repeat;
    background-size: contain;
    color: #fff;
    display: block;
    margin: 20px auto;
    font-family: 'Bungee', sans-serif;
    font-size: 18px;
    padding: 16px 0px 0px 0px;
	transition: all .10s ease-in-out;
	-moz-transition: all .10s ease-in-out;
	-webkit-transition: all .10s ease-in-out;
}
.news-home .see-more-news:hover {
	transform: scale(1.05);
}




/* ===== == = === 21.250em (340px) === = == ===== */
@media only screen and (min-width: 21.250em) {
    ul.home-kingpins a {
        padding: 160px 0px 16px 0px;
        font-size: 80%;
        background-size: 100%;
    }

}

/* ===== == = === 24.375em (390px) === = == ===== */
@media only screen and (min-width: 24.375em) {
    ul.home-kingpins li {
        width: 45%;
    }
    ul.home-kingpins a {
        padding: 180px 0px 16px 0px;
        font-size: 80%;
        background-size: 100%;
    }
}

/* ===== == = === 28.125em (450px) === = == ===== */
@media only screen and (min-width: 28.125em) {
    ul.home-kingpins li {
        width: 185px;
    }
    ul.home-kingpins a {
        padding: 200px 0px 16px 0px;
        font-size: 90%;
        background-size: 100%;
    }
}



/* ===== == = === 37.5em (600px) === = == ===== */
@media only screen and (min-width: 37.5em) {
    ul.home-kingpins li {
        width: 250px;
        margin-left:20px;
    }
    ul.home-kingpins li.bellino-brothers {
        clear: none;
    }
    ul.home-kingpins a {
        padding: 270px 0px 30px 0px;
        font-size: 100%;
    }
    .news-home {
        width: 100%;
    }
    .news-home .latest-dirt {
        width: 100%;
        background-size: 566px 63px;
    }

    .news-home-item-meta {
        font-size: 14px;
    }

    .news-home-item-title {
        font-size: 120%;
    }

}

/* ===== == = === 48em (768px) === = == ===== */
@media only screen and (min-width : 48em) {
    ul.home-kingpins li {
        width: 235px;
        margin-left: 0px;
    }
    ul.home-kingpins li:nth-child(4) {
        clear: left;
    }
    
    ul.home-kingpins a {
        padding: 260px 0px 30px 0px;
    }
    
    
}

/* ===== == = === 56.25em (900px) === = == ===== */
@media only screen and (min-width : 56.25em) {
    ul.home-kingpins {
        width: 900px;
        margin: 0px auto;
    }

    ul.home-kingpins li {
        width: 295px;
    }
    
    ul.home-kingpins a {
        padding: 315px 0px 30px 0px;
        font-size: 110%;
    }
}


/* ===== == = === 68.75em (1100px) === = == ===== */
@media only screen and (min-width : 68.75em) {
    ul.home-kingpins a {
        padding: 310px 0px 30px 0px;
    }
    ul.home-kingpins a .kingpin-name {
        font-size: 24px;
        text-shadow: 4px 4px 2px rgba(66, 56, 23, 0.45);
        line-height: 28px;
        margin-top: 10px;
    }
    ul.home-kingpins a .kingpin-business {
        font-size: 29px;
        text-shadow: 4px 4px 2px rgba(0, 164, 225, 0.7);
        line-height: 29px;
        
    }
}

/* ===== == = === 81.25em (1300px) === = == ===== */
@media only screen and (min-width : 81.25em) {
}

/*--------------------------------------------------------------
## Kingpins
--------------------------------------------------------------*/
.kingpin .entry-header {
    background-repeat: no-repeat;
    background-size: 271px 120px;
    background-position: bottom right;
}

.kingpin .entry-header h1 {
	text-shadow: 4px 4px 1px rgba(170, 165, 150, 1);
    margin: 0px;
    font-size: 24px;
}

.kingpin .entry-header h2 {
    font-size: 48px;
    margin: 0px;
}

.kingpin-header-image {
    float: right;
    width: 100px;
}

.context-nav {
    font-family: 'Bungee', sans-serif;
}
.context-nav ul {
    list-style-type: none;
    margin: 0px;
    padding: 0px;
    font-size: 120%;
}

.context-nav ul a {
    color: #6d6655;
    display:block;
    padding: 18px 10px 10px 40px;
    background-image: url(images/trashcan-closed.png);
    background-position: 5px 0px;
    background-size: 25px 43px;
    background-repeat: no-repeat;
    line-height: 1.3em;
    
}
.context-nav ul a:hover {
    color: #00a4e0;
    background-image: url(images/trashcan-op.png);
}

.next-kingpin-link {
    font-family: 'Bungee';
    display: block;
    text-align: right;
    padding-bottom: 10px;
}
.next-kingpin-link .next-kingpin-title {
    color: #3a311a;
}

.next-kingpin-link:hover {
    color: #00a4e0;
}
.next-kingpin-link:hover .next-kingpin-title {
    color: #00a4e0;
}






/* ===== == = === 23.125em (370px) === = == ===== */
@media only screen and (min-width: 23.125em) {
    .kingpin .entry-header h1 {
        font-size: 30px;
    }

    .kingpin .entry-header h2 {
        font-size: 54px;
        line-height: 58px;
    }
    
    .kingpin-header-image {
        width: 150px;
    }
}

/* ===== == = === 25.625em (410px) === = == ===== */
@media only screen and (min-width: 25.625em) {
    .kingpin-header-image {
        width: 195px;
    }
}

/* ===== == = === 37.5em (600px) === = == ===== */
@media only screen and (min-width: 37.5em) {
    .kingpin .entry-header h1 {
        font-size: 36px;
    }

    .kingpin .entry-header h2 {
        font-size: 60px;
        line-height: 62px;
    }
    
    .kingpin-header-image {
        width: 220px;
        margin-right: 50px;
    }
}

/* ===== == = === 48em (768px) === = == ===== */
@media only screen and (min-width : 48em) {
    article.kingpin {
        max-width: 1100px;
        margin: 0px auto;
    }
    .kingpin-header-image {
        margin-right: 0px;
        margin-top: -30px
    }
}

/* ===== == = === 56.25em (900px) === = == ===== */
/* HIDE TRUCK IMAGE IN HEADER FOR MOBILE */
@media only screen and (max-width : 56.25em) {
    .kingpin .entry-header {
        background-image: none !important;
        padding: 0px 20px;
    }
}

/* ===== == = === 56.25em (900px) === = == ===== */
@media only screen and (min-width : 56.25em) {
    .kingpin .entry-header {
        height: 260px;
    }
    .kingpin .entry-header h1 {
        font-size: 24px;
        margin-top: 60px
    }
    .kingpin .entry-header h2 {
        font-size: 48px;
        line-height: 50px;
        max-width: 400px;
    }
    .kingpin-header-text{
        float: right;
        width: 72%;
    }
    .kingpin-header-image {
        margin-right: 0px;
        margin-top: 0px;
        float: left;
        width: 240px;
    }
    .kingpin .entry-content {
        clear: both;
    }
    .context-nav {
        width:27%;
        float: left;
    }
    .context-nav ul {
        font-size: 85%;
    }
    .context-nav ul a {
    }
    .actual-text {
        width: 72%;
        float: right;
    }
}

/* ===== == = === 59.375em (950px) === = == ===== */
@media only screen and (min-width : 59.375em) {
    .kingpin .entry-header {
        height: 250px;
    }
    .kingpin .entry-header h1 {
        margin-top: 50px
    }
    .kingpin .entry-header h2 {
        line-height: 50px;
    }
    .kingpin-header-text{
    }
    .kingpin-header-image {
        width: 250px
    }

}


/* ===== == = === 62.5em (1000px) === = == ===== */
@media only screen and (min-width : 62.5em) {
    .context-nav ul {
        font-size: 100%;
    }
    .kingpin .entry-header {
        height: 260px;
    }
    .kingpin .entry-header h1 {
        margin-top: 60px
    }
    .kingpin-header-text{
    }
    .kingpin-header-image {
        width: 270px
    }
}
/* ===== == = === 65.625em (1050px) === = == ===== */
@media only screen and (min-width : 65.625em) {
    .kingpin .entry-header h1 {
        margin-top: 60px
    }
    .kingpin .entry-header h2 {
        line-height: 50px;
    }
    .kingpin-header-text{
    }
    .kingpin-header-image {
        width: 280px
    }
}

/* ===== == = === 68.75em (1100px) === = == ===== */
@media only screen and (min-width : 68.75em) {
    .context-nav ul {
        font-size: 100%;
    }
    .kingpin .entry-header {
        height: 280px;
    }
    .kingpin .entry-header h1 {
        font-size: 30px;
        margin-top: 60px
    }
    .kingpin .entry-header h2 {
        font-size: 60px;
        line-height: 62px;
    }
    .kingpin-header-text{
    }
    .kingpin-header-image {
        width: 290px
    }
}
/* ===== == = === 71.875em (1150px) === = == ===== */
@media only screen and (min-width : 71.875em) {
    .kingpin .entry-header {
        height: 280px;
        background-size: 361px 160px;
    }
    .kingpin .entry-header h1 {
        margin-top: 30px
    }
    .kingpin-header-text{
        padding-top: 50px;
    }
    .kingpin-header-image {
        width: 295px
    }
    
}

/* ===== == = === 75em (1200px) === = == ===== */
@media only screen and (min-width : 75em) {
    .kingpin .entry-header {
        height: 280px;
        background-size: 361px 160px;
    }
    .kingpin-header-text{
    }

}

/*--------------------------------------------------------------
## Supplementary
--------------------------------------------------------------*/

.supplementary {
    margin: 0px;
    max-width: 400px;
    
}
.supplementary .image {
}

.supplementary .links {
    border: 1px solid #3a311a;
    padding: 0px 20px 20px 20px;
    background-color: #fff;
    -webkit-box-shadow: 5px 5px 0px 0px rgba(76,191,234,1);
    -moz-box-shadow: 5px 5px 0px 0px rgba(76,191,234,1);
    box-shadow: 5px 5px 0px 0px rgba(76,191,234,1);
    margin-bottom: 10px;
    
}

.supplementary .links h3 {
	text-shadow: 2px 2px 1px rgba(170, 165, 150, 1);
    color: #6d6655;
}

.supplementary .links ul {
    list-style-type: none;
    margin: 0px;
    padding: 0px;
}

.supplementary .links ul a {
    text-decoration: underline;    
}



/*--------------------------------------------------------------
## Press
--------------------------------------------------------------*/
.press-subtitle, .press-title {
    margin: 0px;
    text-align: center;
}
.press-subtitle {
    text-shadow: 4px 4px 1px rgba(170, 165, 150, 1);
}
.press-title {
    font-size: 60px;
    text-shadow: 4px 4px 1px rgba(76, 191, 234, 1);
    line-height: 60px;
}

body.blog .entry-title {
    text-shadow: none;
    margin: 0px 0px 0px 0px;
}

body.blog .entry-meta {
    text-shadow: none;
}

body.blog .entry-content {
    margin-top: 2px;
}

.more-link {
    font-family: 'Bungee', sans-serif;
    font-size: 13px;
    color: #3a311a;
}

/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-content a {
	word-wrap: break-word;
}

.bypostauthor {
	display: block;
}

/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation, /* Older / Newer Posts Navigation (always hidden) */
.infinite-scroll.neverending .site-footer { /* Theme Footer (when set to scrolling) */
	display: none;
}

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
.infinity-end.neverending .site-footer {
	display: block;
}

/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
	max-width: 100%;
}

/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption {
	margin-bottom: 1.5em;
	max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}

.wp-caption-text {
	text-align: center;
}

/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery {
	margin-bottom: 1.5em;
}

.gallery-item {
	display: inline-block;
	text-align: center;
	vertical-align: top;
	width: 100%;
}

.gallery-columns-2 .gallery-item {
	max-width: 50%;
}

.gallery-columns-3 .gallery-item {
	max-width: 33.33%;
}

.gallery-columns-4 .gallery-item {
	max-width: 25%;
}

.gallery-columns-5 .gallery-item {
	max-width: 20%;
}

.gallery-columns-6 .gallery-item {
	max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
	max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
	max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
	max-width: 11.11%;
}

.gallery-caption {
	display: block;
}