/*
	Theme Name: Spotlight
	Theme URI: http://kolakube.com/spotlight/
	Description: Make your content shine with Spotlight.
	Author: Alex Mangini, Kolakube
	Author URI: http://kolakube.com/about/
	Version: 1.0.5
	Text Domain: kol
	Just do what makes you happy

	## Attributes

		$ATTRIBUTES
		$FORMS

	## Helpers

		$HELPERS
		$SITE_ELEMENTS
		$FORMATTING
		$COLUMNS
		$BOXES
		$MENUS
	
	## Structure

		$LAYOUTS
		$TEMPLATES
		$HEADER
		$CONTENT
		$COMMENTS
		$SIDEBAR
		$WIDGETS
		$FOOTER

	## Media Queries
*/


/*------------------------------*\
	$ATTRIBUTES
\*------------------------------*/

*,
*:before,
*:after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin: 0;
	padding: 0;
}

body {
	background-color: #2e2e2e;
	color: #1e1e1e;
	font-family: Roboto, "Helvetica Neue", Helvetica, Arial, Verdana, serif;
}

main {
	display: block;
}

ul {
	list-style: square;
}

img {
	height: auto !important;
	max-width: 100%;
	vertical-align: top;
}


/* LINKS */

a {
	color: #0088d9;
	text-decoration: none;
}


/* HEADINGS */

h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
}


/* BLOCKQUOTE */

blockquote {
	border-left: 1px solid #ddd;
	color: #777;
	font-style: italic;
	padding-left: 25px;
}


/* OTHERS */

pre,
code {
	background-color: #fffaca;
	color: #777;
	font-family: Consolas, Monaco, Menlo, Courier, Verdana, sans-serif;
}

pre {
	overflow: auto;
	padding: 25px;
}

abbr,
acronym {
	border-bottom: 1px dotted #ccc;
	cursor: default;
}

a abbr,
a acronym {
	border-bottom: none;
}





/*------------------------------*\
	$FORMS
\*------------------------------*/

::-webkit-input-placeholder { color: #777; }
:focus::-webkit-input-placeholder { color: #aaa; }

:-moz-placeholder { color: #777; }
:focus::-moz-placeholder { color: #777; }

:-o-placeholder { color: #777; }
:focus::-o-placeholder { color: #777; }

.required {
	color: #ae2525;
}

label {
	cursor: pointer;
	display: inline-block;
	margin-bottom: 10px;
}

input,
textarea {
	font-family: inherit;
	font-size: inherit;
	padding: 15px 25px;
}

input[type="text"],
input[type="email"],
input[type="search"],
input[type="url"],
input[type="password"],
textarea {
	background-color: #fff;
	border: 1px solid #ddd;
	border-radius: 3px;
	outline: none;
	-webkit-appearance: none;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-ms-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="search"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
textarea:focus {
	box-shadow: 0 0 7px #eee;
}

textarea {
	padding: 25px;
	width: 100%;
	-webkit-appearance: none;
}

select {
	max-width: 100%;
}


/* BUTTONS */

input[type="submit"] {
	cursor: pointer;
	-webkit-appearance: none;
}

.button,
[class*="format-"] [class*="links-"] .button,
[class*="format-"][class*="links-"] .button,
input[type="submit"] {
	border-radius: 3px;
	color: #fff;
	display: inline-block;
	padding: 15px 25px;
}

input[type="submit"],
.box input[type="text"],
.box input[type="email"],
.box input[type="search"],
.box input[type="url"],
.box input[type="password"],
.button,
[class*="format-"][class*="links-"] .button,
[class*="format-"][class*="links-"] .button:hover {
	border: 3px solid rgba(0, 0, 0, .1);
	border-width: 0 0 3px;
}





/*------------------------------*\
	$HELPERS
\*------------------------------*/

/* FONTS */

.text-sec {
	color: #777;
}


/* LINKS */

.links-sec a {
	color: #777;
}

.links-dark a {
	color: #aaa;
}

.links-dark a:hover {
	color: #ccc;
}

.links-light a {
	color: #ffff8b;
}

.links-light a:hover {
	color: #fdfddc;
}


/* BLOCKS */

.block-double {
	padding-bottom: 50px;
	padding-top: 50px;
}

.block-single {
	padding-bottom: 25px;
	padding-top: 25px;
}


/* SPACERS */

.mb-double:not(:last-child) {
	margin-bottom: 50px;
}

.mb-mid:not(:last-child) {
	margin-bottom: 40px;
}

.mb-single:not(:last-child) {
	margin-bottom: 25px;
}

.mb-half:not(:last-child) {
	margin-bottom: 13px;
}


/* MODULE TITLE */

.module-title {
	font-size: 21px;
	line-height: 31px;
	margin-bottom: 13px;
}


/* LIST */

.list li:not(:last-child) {
	border-bottom: 1px solid #ddd;
}

.list ul,
[class*="format-"] .list ul {
	list-style: none;
	margin-left: 0;
}

.list li:not(:last-child) {
	margin-bottom: 15px;
	padding-bottom: 15px;
}

.list-large li:not(:last-child) {
	margin-bottom: 25px;
	padding-bottom: 25px;
}


/* ALIGNMENTS */

.alignvertical {
	display: table;
	height: 100%;
	width: 100%;
}

.alignvertical .aligncontent {
	display: table-cell;
	vertical-align: middle;
}

.alignleft {
	display: block;
	float: left;
}

.alignright {
	display: block;
	float: right;
}

.aligncenter {
	clear: both;
	display: block;
	float: none;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}


/* COLORS */

.dark,
.box-highlight input[type="submit"] {
	background-color: #2e2e2e;
}

a.dark:hover,
input[type="submit"].dark:hover,
.box-highlight input[type="submit"]:hover {
	background-color: #3a3a3a;
}

.green,
input[type="submit"] {
	background-color: #30a146;
}

a.green:hover,
input[type="submit"]:hover {
	background-color: #29873b;
}


/* MISC. */

.avatar {
	border-radius: 50%;
}

.middot:not(:last-child):after {
	content: "\00b7";
	margin-left: 10px;
	margin-right: 5px;
}

.r-list-toggle {
	display: none;
}


/* CLEARFIX */

.clear:after,
.inner:after,
.byline:after,
.post-content:after,
[class*="columns-"]:after {
	clear: both;
	content: "";
	display: table;
}





/*------------------------------*\
	$SITE_ELEMENTS
\*------------------------------*/

/* LOGO */

.logo {
	display: inline-block;
	font: normal 32px/1em Pacifico, "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.logo a {
	color: #fff;
}

.logo a:hover {
	color: #aaa;
}


/* TAGLINE */

.tagline {
	color: #fdfddc;
	display: inline-block;
	font-weight: normal;
}


/* BYLINE */

.byline {
	color: #999;
}

.byline .avatar {
	display: inline-block;
	margin-right: 5px;
}

.byline span {
	display: inline-block;
}


/* CAPTION */

.wp-caption,
.frame {
	background-color: #2e2e2e;
	border-radius: 3px;
	color: #fff;
	height: auto;
	font-size: 14px;
	line-height: 21px;
	margin-bottom: 25px;
	max-width: 100%;
	padding: 15px;
	text-align: center;
}

.wp-caption img {
	border-radius: 3px;
	display: block;
	margin-bottom: 15px;
}


/* PAGINATION */

.pagination {
	border-top: 1px solid #ddd;
	font-size: 15px;
	padding-top: 25px;
}

.pag-left + .pag-right {
	float: right;
}





/*------------------------------*\
	$FORMATTING
\*------------------------------*/

[class*="format-"] {
	word-wrap: break-word;
}

[class*="format-"] *:last-child {
	margin-bottom: 0;
}



/*---------------*\
	$MAIN
\*---------------*/

.format-main {
	font-size: 16px;
	line-height: 25px;
}

.format-main .alignleft {
	margin-right: 25px;
}

.format-main ul,
.format-main ol,
.format-main h1,
.format-main p,
.format-main blockquote,
.format-main pre,
.format-main .alignleft,
.format-main .alignright,
.format-main .aligncenter,
.format-main .wp-caption {
	margin-bottom: 25px;
}

.format-main ul,
.format-main ol,
.format-main .alignright {
	margin-left: 25px;
}


/* LINKS */

.format-main a {
	border-bottom: 1px solid #0088d9;
}

.format-main a:hover,
.format-main [class*="links-"] a:hover,
.format-main .headline a {
	border-bottom: none;
}

.format-main .links-sec a {
	border-bottom: 1px solid #ddd;
}

.format-main .links-light a {
	border-color: #ffff8b;
	color: #ffff8b;
}

.format-main a.no-link,
.format-main .no-link a {
	border-bottom: none;
}


/* HEADLINES */

.headline a {
	color: #1e1e1e;
}

.headline a:hover {
	color: #777;
}

.format-main h1 {
	font-size: 36px;
	line-height: 51px;
}

.byline + .headline {
	margin-top: 13px;
}

.format-main .post-content h1:not(:first-child),
.format-main .post-content h2:not(:first-child),
.format-main .post-content h3:not(:first-child) {
	margin-top: 40px;
}

.format-main h2,
.format-main h3 {
	font-size: 26px;
	line-height: 37px;
	margin-bottom: 13px;
}

.format-main h4 {
	font-size: 20px;
	line-height: 30px;
	margin-bottom: 13px;
}

.format-main h5,
.format-main h6 {
	font-size: inherit;
	font-weight: 700;
	line-height: inherit;
	margin-bottom: 6px;
}



/* MAIN LIST */

.format-main li:not(:last-child) {
	margin-bottom: 13px;
}

.format-main li ul,
.format-main li ol {
	margin-top: 13px
}



/*---------------*\
	$SECONDARY
\*---------------*/

.format-sec {
	font-size: 15px;
	line-height: 24px;
}

.format-sec p {
	margin-bottom: 24px;
}

.format-sec ul,
.format-sec ol {
	margin-left: 24px;
}

.format-sec li ul,
.format-sec li ol {
	margin-top: 12px
}

.format-sec li:not(:last-child) {
	margin-bottom: 12px;
}



/*---------------*\
	$SMALL
\*---------------*/

.format-small {
	font-size: 14px;
	line-height: 21px;
}

.format-small p {
	margin-bottom: 21px;
}





/*------------------------------*\
	$COLUMNS
\*------------------------------*/

.col {
	float: left;
	position: relative;
	width: 100%;
}


/* DOUBLE */

.columns-double {
	margin-left: -50px;
}

.columns-double > .col {
	padding-left: 50px;
}


/* SINGLE */

.columns-single {
	margin-left: -25px;
}

.columns-single > .col {
	padding-left: 25px;
}


/* SIZES */

.columns-3 > .col {
	width: 33.333333333%;
}

.columns-2 > .col {
	width: 50%;
}





/*------------------------------*\
	$BOXES
\*------------------------------*/

.box {
	padding: 50px;
	position: relative;
}

.box .text-sec {
	color: #ddd;
}


/* COLORS */

.box-main,
.sub-menu {
	background-color: #2e2e2e;
	color: #fff;
}

.box-sec {
	background-color: #1e1e1e;
	color: #fff;
}

.box-highlight {
	background-color: #ef3900;
	color: #fff;
}


/* TITLE */

.box .module-title a {
	color: #fff;
}

.box .module-title a:hover {
	color: #ccc;
}


/* LIST */

[class*="box-"].list li:not(:last-child),
[class*="box-"] .list li:not(:last-child) {
	border-color: #444;
}





/*------------------------------*\
	$MENUS
\*------------------------------*/

.menu {
	font-size: 15px;
	line-height: 24px;
}

.menu li {
	list-style: none;
}

.menu .current-menu-item > a {
	color: #fdfddc;
	font-weight: bold;
}


/* LARGE SCREENS ONLY */

@media all and (min-width: 900px) {

	.menu > .menu-item {
		display: inline-block;
		margin-left: 21px; /* account 4px for inline-block whitespace weirdness */
		position: relative;
	}
	
	
	/* SUB MENU */
	
	.menu-item-has-children:hover > .sub-menu {
		display: block !important; /* temporary JS hack */
	}
	
	.sub-menu {
		display: none !important; /* temporary JS hack */
		font-size: 14px;
		left: -25px;
		line-height: 21px;
		margin-left: 0;
		padding: 25px;
		position: absolute;
		width: 200px;
		z-index: 10;
	}
	
	.sub-menu .sub-menu {
		left: -175px;
		top: 0;
	}

	.sub-menu a {
		display: block;
	}

}





/*------------------------------*\
	$TEMPLATES
\*------------------------------*/

.template-landing .post-headline,
.template-landing .post-content h3,
.template-landing .post-content h4 {
	text-align: center;
}

.no-footer {
	background-color: #f5f5f5;
}





/*------------------------------*\
	$LAYOUTS
\*------------------------------*/

.inner {
	margin-left: auto;
	margin-right: auto;
	position: relative;
	max-width: 1100px;
}

.content-sidebar .content,
.content-full .content {
	width: 57.142857143%; /* 600 / 1050 */
}


/* CONTENT / SIDEBAR */

.content-sidebar .content-box .inner {
	padding-right: 0;
}

.content-sidebar .content,
.content-sidebar .sidebar {
	float: left;
}

.content-sidebar .sidebar {
	padding-left: 50px;
}


/* CONTENT FULL */

.content-full .content {
	margin-left: auto;
	margin-right: auto;
}

.content-full .mlr-full { /* margin left-right */
	margin-left: -215px;
	margin-right: -215px;
}


/* CONTENT */

.content-box {
	background-color: #f5f5f5;
	padding-bottom: 50px;
}

.content-box .inner {
	background-color: #fff;
	padding: 50px;
}





/*------------------------------*\
	$HEADER
\*------------------------------*/

.header a {
	color: #fff;
}

.header a:hover {
	color: #ddd;
}


/* SIMPLE HEADER */

.header-simple {
	text-align: center;
}

.header-simple .tagline {
	display: block;
	margin-top: 13px;
}


/* MENU */

.menu-toggle {
	font-size: 20px;
}


/* LARGE SCREENS ONLY */

@media all and (min-width: 900px) {

	/* LOGO */
	
	.header-standard .logo {
		float: left;
	}
	
	
	/* TAGLINE */

	.header-standard .logo + .tagline {
		border-left: 1px solid #777;
		margin-left: 25px;
		margin-top: 7px;
		padding-left: 15px;
	}

	
	/* NAV + MENU */

	.header-nav {
		position: absolute;
		margin-top: -12px;
		right: 0;
		top: 50%;
	}

	.menu-header {
		display: inline-block;
	}

	.r-controls {
		display: none;
	}

}





/*------------------------------*\
	$COMMENTS
\*------------------------------*/

.comments {
	padding-top: 25px;
}

ol.comments-list {
	margin-bottom: 0;
	margin-left: 0;
}


/* CHILDREN */

.comments-list ul.children {
	border-left: 1px solid #ddd;
	margin-left: 0;
	margin-top: 25px;
	padding-left: 25px;
}


/* COMMENT */

.comment {
	list-style: none;
}

.comments-list > .comment {
	border-bottom: 1px solid #ddd;
	padding-bottom: 25px;
}

.comments-list .comment:not(:last-child) {
	margin-bottom: 25px;
}

.comments-icon {
	margin-right: 5px;
}

.comment .byline span {
	margin-top: 4px;
}


/* COMMENTFORM */

.comment-body + .comment-respond {
	margin-top: 25px;
}

.comment-respond {
	padding-top: 25px;
}

.comment-respond label {
	display: block;
}

#cancel-comment-reply-link {
	border-color: #ae2525;
	color: #ae2525;
	font-size: 13px;
	float: right;
	line-height: 18px;
	margin-top: 8px;
}

#cancel-comment-reply-link:before {
	content: "\f057";
	display: inline-block;
	font-family: FontAwesome;
	font-style: normal;
	font-weight: normal;
	line-height: 1;
	margin-right: 5px;
}

.comment-respond + .comment-reply {
	display: none;
}

.comment-respond .form-submit {
	margin-bottom: 0;
}


/* PAGINATION */

.comments-area .pagination {
	border-top: 0;
}





/*------------------------------*\
	$SIDEBAR
\*------------------------------*/

.sidebar {
	width: 42.857142857%; /* 450 / 1050 */
}





/*------------------------------*\
	$WIDGETS
\*------------------------------*/

.widget input {
	width: 100%;
}

.widget input:not(:last-child) {
	margin-bottom: 15px;
}


/* EMAIL */

.email-quote {
	text-align: center;
}


/* RSS */

.rsswidget {
	border-bottom: none;
}

.rsswidget img {
	display: none;
}

.rss-date,
.widget_rss cite {
	display: block;
	margin-top: 15px;
}

.rss-date {
	margin-bottom: 15px;
}

.widget_rss cite:before {
	content: "\2014\00a0";
}


/* CALENDAR */

.widget_calendar table {
	text-align: center;
	width: 100%;
}

.widget_calendar caption {
	margin-bottom: 15px;
}





/*------------------------------*\
	$FOOTER
\*------------------------------*/

.footer-columns + .footer-copy {
	border-top: 1px solid #444;
	padding-top: 25px;
}

.footer .box {
	padding: 40px;
}


/* COPY */

.footer-copy {
	text-align: center;
}

.footer-copy p {
	margin-bottom: 11px;
}


/* TITLE */

.footer .module-title {
	font-size: 16px;
	line-height: 25px;
}


/* LIST */

.footer .widget-list li:not(:last-child) {
	margin-bottom: 10px;
	padding-bottom: 10px;
}






/*------------------------------*\
	$MEDIA_QUERIES
\*------------------------------*/

@media all and (max-width: 1100px) {

	/* HEADER */

	.header-nav {
		right: 25px;
	}


	/* STRUCTURE */

	.content-full .mlr-full {
		margin-left: 0;
		margin-right: 0;
	}

	.inner,
	.content-box .inner {
		padding-left: 25px;
		padding-right: 25px;
		width: 100%;
	}

	.content-full .content {
		width: 80%;
	}

}



@media all and (max-width: 900px) {

	/* TOGGLE */

	.r-controls,
	.r-content {
		margin-top: 25px;
	}

	.header .r-active {
		display: block;
	}

	.r-toggle,
	.r-list-toggle {
		background-color: #444;
		border-radius: 3px;
		cursor: pointer;
		display: inline-block;
	}

	.r-toggle {
		height: 40px;
		padding: 10px 15px;
		width: 45px;
	}

	.r-toggle:not(:last-child) {
		margin-right: 15px;
	}

	.r-list-toggle {
		float: right;
		font-size: 13px;
		line-height: 1;
		padding: 5px 6px;
	}


	/* SPACERS */

	.mb-double:not(:last-child),
	.content:not(:last-child),
	.footer-columns > .col:not(:last-child) {
		margin-bottom: 40px;
	}


	/* BLOCKS */

	.block-double {
		padding-bottom: 40px;
		padding-top: 40px;
	}


	/* BOX */

	.box {
		padding: 40px 25px;
	}


	/* COLUMNS */

	.columns-3 {
		margin-left: 0;
	}

	.columns-3 > .col {
		float: none;
		padding-left: 0;
		width: 100%;
	}


	/* FORMAT */

	.format-main {
		font-size: 15px;
	}


	/* HEADER */

	.header {
		text-align: center;
	}

	.tagline {
		display: block;
	}

	.logo + .tagline {
		margin-top: 13px;
	}


	/* MENU */

	.menu-header {
		display: none;
		text-align: left;
	}

	.menu-header li:not(:last-child) {
		border-bottom: 1px solid #444;
		margin-bottom: 0;
		padding-bottom: 0;
	}

	.menu-header a {
		display: block;
		padding-bottom: 15px;
		padding-top: 15px;
	}

	.menu-header .sub-menu {
		border-left: 1px solid #444;
		font-size: 14px;
		margin-bottom: 25px;
		padding-left: 15px;
	}


	/* CONTENT BOX */

	.content-box {
		padding-bottom: 40px;
	}

	.content-box .inner {
		padding: 40px 25px;
	}

	.content-sidebar .content-box .inner {
		padding-right: 25px;
	}


	/* CONTENT */

	.content-sidebar .content-item {
		padding-left: 25px;
		padding-right: 25px;
	}

	.content-full .content,
	.content-sidebar .content {
		float: none;
		width: 100%;
	}

	.content-item {
		border-bottom: 1px solid #ddd;
		padding: 0 25px 40px;
	}

	.content-item:last-child {
		border-bottom: none;
		padding-bottom: 0;
	}


	/* SITE ELEMENTS */

	.pagination {
		border-top: none;
		padding-top: 0;
	}

	.comments {
		margin-top: -25px;
	}

	.content-item,
	.sidebar .box,
	.footer .box {
		margin-left: -25px;
		margin-right: -25px;
	}

	.footer .box {
		padding: 40px 25px;
	}


	/* SIDEBAR */

	.content-sidebar .sidebar {
		padding-left: 0;
	}

	.sidebar {
		float: none;
		width: 100%;
	}


	/* FOOTER */

	.footer-columns + .footer-copy {
		border-top: none;
		padding-top: 0;
	}

}



@media all and (max-width: 750px) {

	/* ATTRIBUTES */

	input, textarea {
		width: 100%;
	}


	/* SPACERS */

	.content-full .mlr-full {
		margin-left: 0;
		margin-right: 0;
	}


	/* FORMATTING */

	.format-main h1 {
		font-size: 28px;
		line-height: 39px;
	}
	
	.format-main h2,
	.format-main h3 {
		font-size: 23px;
		line-height: 33px;
		margin-bottom: 13px;
	}

}



@media all and (max-width: 650px) {

	/* HELPERS */

	.middot:not(:last-child):after {
		margin-left: 5px;
		margin-right: 3px;
	}


	/* SITE ELEMENTS */

	.byline {
		font-size: 13px;
	}

	.byline .avatar {
		display: none;
	}


	/* ALIGNMENTS */

	.alignright,
	.alignleft {
		display: block;
		float: none;
		margin-left: auto !important;
		margin-right: auto !important;
	}

	/* FORMS */

	input[type="submit"],
	.button {
		display: block;
		text-align: center;
		width: 100%;
	}


	/* SPACERS */

	.content-box {
		padding-bottom: 0;
	}


	/* COLUMNS */

	[class*="columns-"] {
		margin-left: 0;
	}

	[class*="columns-"] .col {
		padding-left: 0;
	}

	.columns-2 .col {
		float: none;
		width: 100%;
	}

}